/* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */
#map {
  margin-bottom: 1em;
  height: 80%;
  width: 30em;
  max-width: 90%;
}

.search_bar {
  background-color: #313244;
  border: none;
  color: #cdd6f4;
}

/* 
 * Optional: Makes the sample page fill the window. 
 */
body {
  margin: 0;
  padding: 2%;
  padding-top: 1em;
  height: 90%;
  background-color: #1e1e2e;
  color: #cdd6f4;
}

a {
  color: #89dceb;
}

html {
  height: 100%;
}