@media (max-width: 800px) {
  body {
    padding: 0px;
  }
}

.centered-thing {
  position: absolute;
  margin: auto;
  /* top: 50%; */
  left: 50%;
  transform: translate(-50%, 0%);
}

.above {
  color: red;
  font-size: small;
  font-weight: bold;
}

.below {
  color: #0d6efd;
  font-size: small;
  font-weight: bold;
}

.above-rain {
  color: green;
  font-size: small;
  font-weight: bold;
}

.below-rain {
  color: goldenrod;
  font-size: small;
  font-weight: bold;
}