@font-face {
    font-family: 'barlowmedium';
    src: url('../font/Barlow-Medium-webfont.eot');
    src: url('../font/Barlow-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Barlow-Medium-webfont.woff') format('woff'),
         url('../font/Barlow-Medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlowextrabold';
    src: url('../font/Barlow-Extra Bold-webfont.eot');
    src: url('../font/Barlow-Extra Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/Barlow-Extra Bold-webfont.woff') format('woff'),
    url('../font/Barlow-Extra Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {color:#404040;}
.weather-widget__item {font-size:13pt;width:100%;display:flex;flex-basis:40%;justify-content:flex-start;align-items:center;font-family:barlowmedium,sans-serif;margin-bottom:30pt;}
.weather-widget__temperature {display:flex;align-items:center;width:170pt;}
.weather-widget__temperature__icon {margin-right:10pt;display:flex;align-items:center;}
.weather-widget__temperature__icon img {width:auto;height:45pt;}
.weather-widget__temperature__details__degree {display:flex;align-items:flex-end;font-family: barlowextrabold,sans-serif;font-weight: bold;}
.weather-widget__temperature__details__degree--day {font-size:36pt;display:flex;line-height:1;}
.weather-widget__temperature__details__degree--night {color:#58849a;font-size:24pt;display:flex;line-height:1;}
.weather-widget__temperature__details__degree--night .weather-widget__temperature__details__degree__number {margin-left:1pt;}
.weather-widget__details__item > div {margin-bottom:3pt;}
.weather-widget__details__item > div:last-child {margin-bottom:0;}