/* Make the map fill the whole screen */
html, body {
  margin: 0%;
  padding: 5%;
  height: 90%;
  z-index: 10;
}

#map {
  width: 100%;
  height: 90vh; /* Adjust this value as needed for the rectangle */
  border: 2px solid #cccccc1c; /* Optional: adds a border for visual clarity */
  box-sizing: border-box;
  z-index: 1;
  flex: 1 1 auto;
  min-height: 100vh;
}