/* Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap");

/* Common styles for weather widget */
.weather-widget {
  justify-self: center
  color: hsl(var(--hue-color), 24%, 94%);
}

.weather-info {
  font-size: var(--big-font-size);
  font-weight: var(--font-medium);
  color: var(--title-color);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.weather-info > div {
  margin-right: 10px;
}

.extra-info {
  text-align: center;
  font-size: var(--small-font-size);
  font-weight: var(--font-medium);
  font-family: 'Poppins', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;


}

.extra-info > div {
  margin-right: 10px;
}

.description {
  text-align: center;
  font-size: var(--med-font-size);
  font-weight: var(--font-medium);
  font-family: 'Poppins', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
 
}