body {
  font-family: monospace;
  background-color: #000;
  color: #fff;
  width: 50%;
  min-width: 500px;
  margin: auto;
}

#dom_element_weather_container {
  padding: 0 1em;
}

.last-updated {
  color: #333;
}

.interval {
  font-size: 1.2em;
  padding: 1em;
  margin: 1em 0;
  background-color: #333;
  border-radius: 1em;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.interval-time {
  font-weight: bold;
  font-size: 1.2em;
}

.interval-field > * {
  padding-right: .5em;
}

.interval-field-name {
  font-weight: bold;
}

.precipitation-probability {
  padding: 0 .5em;
  margin-right: .5em;
  background-color: #5BCEFA;
  border-radius: .2em;
  color: #000;
}

@media (max-width: 500px) {
  body {
    min-width: 100%;
  }
}