html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #484349; 
  color: #FCFAFA;
  justify-content: center;
  font-family: "Roboto";
}

header {
  color:#FCFAFA;
  background-color: #1987c7;
  font-weight: 900;
  text-align: center;
  padding: 1.5vh 0;
}

#toggle {
  padding-left: 10px;
  position: fixed;
  top: 10px;
  left: 8px;
  display: flex;
  gap: 5px;
  z-index: 100;
}

.btn {
  padding: 7px;
  color:#484349;
  background-color: #FCFAFA;
  font-weight: 400;
  text-decoration: none;
  border: 1px;
  border-color:#484349;
}

.top-a {
  color: #FCFAFA;
}

#top {
  padding: 1vh 0;
  color:#FCFAFA;
}

#map {
  height: 65vh;
  width:100%;
}

.info-window {
  color: #484349;
}


/*
colors: 
columbia blue: #1987c7 
white: #FCFAFA;
black: #484349;
*/