html, body {
    margin: 0;
    height: 100%;
}

#info {
  font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
  height: 10%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  font-size: 1.1rem;
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(
    to right,
    #e50000, #ff8d00, #ffee00, #028121, #004cff, #770088
  ) 1;
}

.info-value {
  font-weight: 600;
  color: #008151;
}

#map {
  height: 90%;
}