.forecastBox {
  border: 1px solid #8d8d8d;
  border-radius: 25px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 150px;
}

.forecastBox .weekDay {
  font-size: 26px;
}

.forecastBox .date {
  font-size: 18px;
}

.forecastBox .pictogram img {
  width: 100%;
}

.forecastBox .temp-max {
  font-size: 22px;
}

.forecastBox .temp-max img,
.forecastBox .temp-min img {
  width: 10%;
}

.forecastBox .temp-min {
  font-size: 18px;
}

.forecastBox .precipitation,
.forecastBox .wind,
.forecastBox .temp-max,
.forecastBox .temp-min {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.forecastBox .precipitation img,
.forecastBox .wind img {
  width: 15%;
}

@media (max-width: 480px) {
  .forecastBox .temp-max img,
  .forecastBox .temp-min img {
    width: 10%;
  }
}