.container {
  display: block;
  margin: 20px auto;
  font-family: "PT Mono", monospace;
  border: 1px solid rgb(158, 158, 158);
  border-radius: 10px;
  box-shadow: 2px 2px 2px rgba(158, 158, 158, 0.4);
  width: 850px;
  padding: 30px 20px;
}

.mb-3 {
  padding: 0px 0px 0px 20px;
}
.current-city {
  padding: 25px 0px 20px 20px;
}
.current-weather-icon {
  display: block;
  padding: 0px 0px 10px 20px;
  opacity: 0.8;
}
.current-temperature {
  padding: 20px 0px 0px 40px;
}
.celsius-fahrenheit {
  font-size: 16px;
}
a {
  text-decoration: none;
}
.current-temperature .active {
  color: black;
  cursor: default;
}
.current-temperature .active:hover {
  text-decoration: none;
}

.conditions {
  padding: 30px 0px 0px 35px;
}
ul,
li {
  list-style: none;
  margin: 0, 0, 20px, 0;
  padding: 0;
}

.upcoming-week {
  margin: 0 auto;
  text-align: center;
  padding: 20px 0px 0px 0px;
}
.upcoming-weather-icon {
  display: block;
  margin: 0 auto;
  opacity: 0.8;
  width: 50%;
}
.weather-forecast-temperature-min {
  color: rgba(56, 56, 56, 0.589);
}
.open-source {
  display: block;
  text-align: center;
  font-family: "PT Mono", monospace;
  font-size: 13px;
}