@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:18pt;width:100%;display:flex;flex-basis:40%;justify-content:flex-start;align-items:center;font-family:barlowmedium,sans-serif;margin-bottom:70pt;}
.weather-widget__temperature {display:flex;align-items:center;width:280pt;}
.weather-widget__temperature__icon {margin-right:20pt;display:flex;align-items:center;}
.weather-widget__temperature__icon img {width:auto;height:60pt;}
.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:48pt;display:flex;line-height:1;}
.weather-widget__temperature__details__degree--night {color:#58849a;font-size:32pt;display:flex;line-height:1;}
.weather-widget__temperature__details__degree--night .weather-widget__temperature__details__degree__number {margin-left:5pt;}
.weather-widget__details__item > div {margin-bottom:4pt;}
.weather-widget__details__item > div:last-child {margin-bottom:0;}