.wind_direction_icon {
	background: url('./assets/wind-arrow.svg') no-repeat;
	height: 1em;
	width: 1em;
	display:  inline-block;
}
.warm {
	color: #C00;
}
.cold {
	color: #069;
}
.temperature {
	font-weight: bold;
}
.temperature:after {
	content: "\00b0"
}
.clearsky_day {
	background: url('./assets/01d.svg') no-repeat;
}
.clearsky_night {
	background: url('./assets/01n.svg') no-repeat;
}
.clearsky_polartwilight {
	background: url('./assets/01m.svg') no-repeat;
}
.fair_day {
	background: url('./assets/02d.svg') no-repeat;
}
.fair_night {
	background: url('./assets/02n.svg') no-repeat;
}
.fair_polartwilight {
	background: url('./assets/02m.svg') no-repeat;
}
.partlycloudy_day {
	background: url('./assets/03d.svg') no-repeat;
}
.partlycloudy_night {
	background: url('./assets/03n.svg') no-repeat;
}
.partlycloudy_polartwilight {
	background: url('./assets/03m.svg') no-repeat;
}
.cloudy {
	background: url('./assets/04.svg') no-repeat;
}
.lightrainshowers_day {
	background: url('./assets/40d.svg') no-repeat;
}
.lightrainshowers_night {
	background: url('./assets/40n.svg') no-repeat;
}
.lightrainshowers_polartwiligth {
	background: url('./assets/40m.svg') no-repeat;
}
.rainshowers_day {
	background: url('./assets/05d.svg') no-repeat;
}
.rainshowers_night {
	background: url('./assets/05n.svg') no-repeat;
}
.rainshowers_polartwilight {
	background: url('./assets/05m.svg') no-repeat;
}
.heavyrainshowers_day {
	background: url('./assets/41d.svg') no-repeat;
}
.heavyrainshowers_night {
	background: url('./assets/41n.svg') no-repeat;
}
.heavyrainshowers_polartwilight {
	background: url('./assets/41m.svg') no-repeat;
}
.lightrainshowersandthunder {
	background: url('./assets/24d.svg') no-repeat;
}
.lightrainshowersandthunder {
	background: url('./assets/24n.svg') no-repeat;
}
.lightrainshowersandthunder {
	background: url('./assets/24m.svg') no-repeat;
}
.rainshowersandthunder_day {
	background: url('./assets/06d.svg') no-repeat;
}
.rainshowersandthunder_night {
	background: url('./assets/06n.svg') no-repeat;
}
.rainshowersandthunder_polartwilight {
	background: url('./assets/06m.svg') no-repeat;
}
.heavyrainshowersandthunder_day {
	background: url('./assets/25d.svg') no-repeat;
}
.heavyrainshowersandthunder_night {
	background: url('./assets/25n.svg') no-repeat;
}
.heavyrainshowersandthunder_polartwilight {
	background: url('./assets/25m.svg') no-repeat;
}
.lightsleetshowers_day {
	background: url('./assets/42d.svg') no-repeat;
}
.lightsleetshowers_night {
	background: url('./assets/42n.svg') no-repeat;
}
.lightsleetshowers_polartwiligth {
	background: url('./assets/42m.svg') no-repeat;
}
.sleetshowers_day {
	background: url('./assets/07d.svg') no-repeat;
}
.sleetshowers_night {
	background: url('./assets/07n.svg') no-repeat;
}
.sleetshowers_polartwilight {
	background: url('./assets/07m.svg') no-repeat;
}
.heavysleetshowers_day {
	background: url('./assets/43d.svg') no-repeat;
}
.heavysleetshowers_night {
	background: url('./assets/43n.svg') no-repeat;
}
.heavysleetshowers_polartwilight {
	background: url('./assets/43m.svg') no-repeat;
}
.lightsleetshowersandthunder_day {
	background: url('./assets/26d.svg') no-repeat;
}
.lightsleetshowersandthunder_night {
	background: url('./assets/26n.svg') no-repeat;
}
.lightsleetshowersandthunder_polartwilight {
	background: url('./assets/26m.svg') no-repeat;
}
.sleetshowersandthunder_day {
	background: url('./assets/20d.svg') no-repeat;
}
.sleetshowersandthunder_night {
	background: url('./assets/20n.svg') no-repeat;
}
.sleetshowersandthunder_polartwilight {
	background: url('./assets/20m.svg') no-repeat;
}
.heavysleetshowersandthunder_day {
	background: url('./assets/27d.svg') no-repeat;
}
.heavysleetshowersandthunder_night {
	background: url('./assets/27n.svg') no-repeat;
}
.heavysleetshowersandthunder_polartwilight {
	background: url('./assets/27m.svg') no-repeat;
}
.lightsnowshowers_day {
	background: url('./assets/44d.svg') no-repeat;
}
.lightsnowshowers_night {
	background: url('./assets/44n.svg') no-repeat;
}
.lightsnowshowers_polartwilight {
	background: url('./assets/44m.svg') no-repeat;
}
.snowshowers_day {
	background: url('./assets/08d.svg') no-repeat;
}
.snowshowers_night {
	background: url('./assets/08n.svg') no-repeat;
}
.snowshowers_polartwilight {
	background: url('./assets/08m.svg') no-repeat;
}
.heavysnowshowers_day {
	background: url('./assets/45d.svg') no-repeat;
}
.heavysnowshowers_night {
	background: url('./assets/45n.svg') no-repeat;
}
.heavysnowshowers_polartwilight {
	background: url('./assets/45m.svg') no-repeat;
}
.lightsnowshowersandthunder_day {
	background: url('./assets/28d.svg') no-repeat;
}
.lightsnowshowersandthunder_night {
	background: url('./assets/28n.svg') no-repeat;
}
.lightsnowshowersandthunder_polartwilight {
	background: url('./assets/28m.svg') no-repeat;
}
.snowshowersandthunder_day {
	background: url('./assets/21d.svg') no-repeat;
}
.snowshowersandthunder_night {
	background: url('./assets/21n.svg') no-repeat;
}
.snowshowersandthunder_polartwilight {
	background: url('./assets/21m.svg') no-repeat;
}
.heavysnowshowersandthunder_day {
	background: url('./assets/29d.svg') no-repeat;
}
.heavysnowshowersandthunder_night {
	background: url('./assets/29n.svg') no-repeat;
}
.heavysnowshowersandthunder_polartwilight {
	background: url('./assets/29m.svg') no-repeat;
}
.lightrain {
	background: url('./assets/46.svg') no-repeat;
}
.rain {
	background: url('./assets/09.svg') no-repeat;
}
.heavyrain {
	background: url('./assets/10.svg') no-repeat;
}
.lightrainandthunder {
	background: url('./assets/30.svg') no-repeat;
}
.rainandthunder {
	background: url('./assets/22.svg') no-repeat;
}
.heavyrainandthunder {
	background: url('./assets/11.svg') no-repeat;
}
.lightsleet {
	background: url('./assets/47.svg') no-repeat;
}
.sleet {
	background: url('./assets/12.svg') no-repeat;
}
.heavysleet {
	background: url('./assets/48.svg') no-repeat;
}
.lightsleetandthunder {
	background: url('./assets/31.svg') no-repeat;
}
.sleetandthunder {
	background: url('./assets/23.svg') no-repeat;
}
.heavysleetandthunder {
	background: url('./assets/32.svg') no-repeat;
}
.lightsnow {
	background: url('./assets/49.svg') no-repeat;
}
.snow {
	background: url('./assets/13.svg') no-repeat;
}
.heavysnow {
	background: url('./assets/50.svg') no-repeat;
}
.lightsnowandthunder {
	background: url('./assets/33.svg') no-repeat;
}
.snowandthunder {
	background: url('./assets/14.svg') no-repeat;
}
.heavysnowandthunder {
	background: url('./assets/34.svg') no-repeat;
}
.fog {
	background: url('./assets/15.svg') no-repeat;
}