body {
  font-family: "Raleway", sans-serif;
}

h1 {
  line-height: 28px;
  font-weight: 700;
  font-size: 38px;
  line-height: 48px;
  color: #0f2769;
  margin-bottom: 0;
}
ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
  color: #f3f7fa;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 100;
  line-height: 19px;
}

li::first-letter {
  text-transform: capitalize;
}

.weather-app-wrapper {
  max-width: 800px;
  margin: 30px auto;
}

.weather-app {
  background: linear-gradient(to top, #a3bded 0%, #6991c7 100%);
  max-width: 700px auto;
  margin: 30px auto;
  padding: 20px;
  border: 3px solid #0b478d;
  border-radius: 10px;
}
.overview {
  margin-bottom: 20px;
}

.temperature-head strong {
  color: aliceblue;
  font-size: 63px;
  top: 30px;
}
