h1 {
  font-size: 3.5vw;
}
.task-section {
  margin-top: 4vh;
}
.task-section .task-user {
  font-size: 2vw;
}
@media screen and (max-width: 992px) {
  .task-section .task-user {
    font-size: 4vw;
  }
}
.task-section .task-description {
  margin-top: 0.3vw;
  font-size: 1.6vw;
}
@media screen and (max-width: 992px) {
  .task-section .task-description {
    font-size: 3.2vw;
  }
}
.task-section hr {
  border-top: 1px solid #ffffff45;
}
#weatherHeadline {
  font-size: 50px;
  font-weight: 700;
}
#weatherForecast {
  font-size: 30px;
}