#mapid{
  height:100vh;
  margin-left: 20vh;
  margin-right: 20vh;
}

html{
  overflow: hidden;
  font-family: 'Alegreya Sans SC', sans-serif;
}

body {
  margin: 0;
  transition: 0.5s;

}

p{
  line-height: 110%;
  font-size: 25px;
}

h1{
  font-size: 120px;
  text-align: center;
  color: white;
}
.help-button{
  font-size: 30px;
  text-align: justify;
  font-family: 'Alegreya Sans SC', sans-serif;
  width: 100%;
  height: 50px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  margin: 0;
  padding: 0;
  padding-bottom: 0;
  background-color: #5774bd;
  color: white;
  z-index: 1;
  transition: 0.5s;
  outline: none;
  padding: 0;
  border: none;
  user-select: none;
}

#help-content {
  width: 100%;
  color: #00288c;
  background-color: white;
  height: 0;
  position: fixed;
  z-index: 2;
  bottom: 0;
  left: 0;
  white-space: pre-line;
  overflow-x: hidden;
  transition: 0.5s;
  list-style-type: none;
  margin: 0;
  padding-left: 5px;
  font-size: 32px;
  text-align: left;
  
}

.main-wrapper{
  font-size: 13px;
  height: 100vh;
  perspective: 1px;
  transform-style: preserve-3d;
  overflow-x:hidden;
  overflow-y:scroll;
}

.parallax-wrapper-last {
    width: 100vw;
    height:100vh;
    padding-top:10vh;
    box-sizing: border-box;
    transform-style: preserve-3d;
    background-color:#5774bd;
    transform:translateZ(-1px) scale(2);
}

.parallax-wrapper {
    width: 100vw;
    height:100vh;
    padding-top:20vh;
    box-sizing: border-box;
    transform-style: preserve-3d;
    background-color: rgb(87,116,189,0.8);
}

.parallax-wrapper::before {
    content:"";
    width: 100vw;
    height: 100vh;
    top:0;
    left:0;
    background-image: url("images/background.jpg");
    position: absolute;
    z-index: -1;
    transform:translateZ(-1px) scale(2);
}

.regular-wrapper {
    width: 100vw;
    height:200vh;
    padding-top:2vh;

    background-color: #f3f2fc;
    z-index: 1;
    position: relative;
}

.regular-wrapper::after{
  content: "";
  background: url("images/subway-lines.png");
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}


.content {

  text-align: center;
  margin: 0 auto;
  color: white;
  padding: 0px;
  font-size: 20px;
  width: 80%;
  z-index: -1;

}

#Location-input {
  margin: 0;
  width: 70vw;
  height: 5vh;
}

#search-button {
  background-color:  #5076b3;
  margin: 0;
  border: none;
  color: white;
  height: 6vh;
  display: inline-block;
  text-align: center;
  font-size: 16px;
}