.weather-app {
  border: 1px #dadde1 solid;
  border-radius: 4px;
  margin: 20px auto;
  padding: 20px;
  max-width: 50%;
  font-family: "Nunito", sans-serif;
  background: radial-gradient(
    circle at 10% 20%,
    rgb(255, 252, 214) 0%,
    rgba(255, 102, 102, 0.44) 90%
  );
}
form {
  border-bottom: 4px solid beige;
  border-bottom-style: dotted;
  padding-bottom: 30px;
}
.search-engine {
  display: inline-block;
}
.search-button {
  display: inline-block;
}
.search-engine-input {
  width: 100%;
  display: inline-block;
}
.weather-info {
  padding-bottom: 20px;
}
.city {
  line-height: 29px;
  font-weight: 700;
  font-size: 38px;
  line-height: 48px;
  color: #272142;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  text-transform: capitalize;
  list-style: none;
}
.temperature-container {
  text-align: right;
}
.temperature {
  color: #212121;
  font-weight: 400;
  vertical-align: middle;
  font-weight: 600;
  font-size: 65px;
  line-height: 1;
}
.units {
  position: relative;
  bottom: 15px;
  font-weight: bold;
}
a {
  text-decoration: none;
}
.github-link {
  margin: 20px auto;
  max-width: 50%;
  font-family: "Nunito", sans-serif;
}
.weather-forecast {
  text-align: center;
}
.weather-forecast-image {
  margin: 5px;
}

.forecast-day:hover {
  background-color: rgb(218, 214, 214);
  border-radius: 4px;
}