header {
  background-color: grey;
  border-style: solid;
  border-width: 3px;
  width: 100%
  
}
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}
#scroll{
  display: flow;
}
.leftcontainer {
  max-height: 40%;
  max-width: 100%;
  
  
  
}



.left-section {
display: flow;
  width: 95vw;
  padding: 20px;
  height: 15vh;
  background-color:beige;
  border-style: solid;
  border-width: 3px;
  text-align: center;
  align-content: center;
}
.TravelButton:hover {
  background-color: green;
}

.TravelButton {
  background-color: black; /* Green */
    border: aqua;
    color: gold;
    padding: 10px 10px;
    text-align: center;
    display: inline;
      font-size: 1vw;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 40px;
    max-width: 100%;
    max-height: 50%;
}







#webmaster {
  color: cyan;
}




 .main-content {
display: flow;
 overflow: scroll;
  width: 95vw;
  height: 100vh;
  background-color: #fff;
  padding: 20px;
  


  }
  footer{
  position: absolute;
  background-color: black;
  padding: 50px;
  align-content: center;
  text-align: center;
}


html {
  background-color: darkblue;
  padding: 10px;
}

