#weather-modal-seven-day-forecast {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex-wrap: wrap;
}

#weather-modal-seven-day-forecast p {
  font-size: medium;
}

.forecast-day {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-left: 20px;
  margin-right: 20px;
  background-color: var(--forecast-day-bg-clr);
  margin: 10px;
  padding: 5px;
  text-align: center;
}

.forecast-day-values div {
  background-color: var(--card-bg-clr);
}

.forecast-day-values {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

.forecast-day .date {
  font-weight: 900;
}

.seven-day-header-value {
  color: var(--weather-seven-day-value-clr);
}

.today-forecast {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 20px;
}