* {
  box-sizing: border-box;
}

body {
  min-height: 100vh;
  background: linear-gradient(
    0.5turn,
    rgb(11, 16, 41),
    #33adff,
    rgb(11, 16, 41)
  );
  font-size: 16px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

h3 {
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-shadow: 0.5px 0.5px 1px rgba(214, 214, 214, 0.6),
    0 0 4px rgba(169, 191, 204, 0.5), 0 0 4px rgba(120, 189, 230, 0.5);
}

.forecast {
  font-size: 0.9em;
}

span {
  font-size: 1em;
}

li:hover {
  background-color: lightslategray;
  text-decoration: underline;
  color: black;
}