body, html { height: 100%;
  font-family: "Roboto";
  font-size: 22px; }


/* Define a CSS class for the header */
.custom-header {
  text-align: center;
  padding: 10px;
  background-color: #333; /* Background color for the header */
  margin 10px;
}

/* Style for the header text */
.header-text {
  color: #fff; /* Text color */
  font-size: 24px;
  font-weight: bold;
  margin: 0; /* Remove margin for the header text */
}


/* Set the size and position of the map container */
#map {
  height: 85vh;
  width: 100%;
}
 

/* Style for the footer */
.custom-footer {
background-color: #333;
text-align: center;
padding: 10px;
color: #fff;
font-size: 14px;
}