body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.section-header{background-color:#fff;color:#145071;padding:10px;align-items:center;font-size:36px;font-weight:700;display:flex;height:50px}.section-nav{color:#fff;border-bottom:1px solid hsla(0,0%,100%,.239216);padding-left:20px;padding-right:20px}.section-nav ul{display:flex;flex-direction:row;justify-content:space-evenly;list-style:none;padding-left:0}.section-nav ul li a{color:#fff;text-decoration:none;font-weight:700}.section-nav ul li a:hover{color:red}.section-footer{height:50px;padding:10px;background-color:#ccc;color:#063c59;display:flex;align-items:center;font-size:24px}.main{min-height:200px;padding:20px}.main a{color:#fff}.main .select-year{margin:10px;min-width:200px}.main .select-year label{color:#fff;margin-left:10px}.main .select-winter-year{margin:10px;min-width:200px}.main .select-winter-year label{color:#fff;margin-left:10px}.main .skate-hour{padding:4px;border:1px solid;width:40px;display:inline-block;text-align:center}.main .skate-hour.cold,.main .skate-hour.freeze{background-color:#000}.main .no-skate-hour{padding:4px;width:40px;display:inline-block;text-align:center}.main .quick-freeze{color:#000;border-color:#000;background-color:#fff}.main .freeze{color:#58a9ff;border-color:#58a9ff;background-color:#ccc}.main .cold{color:#fff;border-color:#fff}.main .warm{color:#ff0;border-color:#ff0}.main .hot{color:#ce4e01;border-color:orange}.main .very-hot{color:#fff;border-color:orange;background-color:red}.story{padding:20px}.story img{width:400px;border:1px solid #fff}.loading-indicator .loader{border:16px solid #f3f3f3;border-top-color:red;border-radius:50%;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.section-chart{background-color:#032233;padding:10px;border-bottom:1px solid hsla(0,0%,100%,.239216)}.section-menu{background-color:#ccc;display:flex;padding:10px;justify-content:space-around;color:#063c59}.section-menu .select-year{min-width:200px}.section-menu .select-year label{color:#063c59;margin-left:10px}.section-menu .select-winter-year{min-width:200px}.section-menu .select-winter-year label{color:#063c59;margin-left:10px}.section-menu .year-selection-type{padding-top:10px;margin-right:10px}.legend-weather{padding:10px;border-bottom:1px solid hsla(0,0%,100%,.239216)}.legend-weather .title{font-weight:700}.legend-weather ul{list-style-type:none;display:flex;justify-content:space-around}.legend-weather ul.disabled{display:none}.legend-weather ul li .key{margin-right:10px;padding:0 5px}.legend-weather ul li .key.quick-freeze{background-color:#85aec4;border-bottom:2px solid #fff}.legend-weather ul li .key.freeze{background-color:#238dc8;border-bottom:2px solid #fff}.legend-weather ul li .key.cold{background-color:#095c89;border:1px solid hsla(0,0%,100%,.239216);border-bottom:2px solid #fff}.legend-weather ul li .key.warm{background-color:#b28817;border-bottom:2px solid #fff}.legend-weather ul li .key.hot{background-color:#ee7a58;border-bottom:2px solid #fff}.legend-weather ul li .key.very-hot{background-color:#8c2102;border-bottom:2px solid #fff}@media only screen and (max-width:600px){.legend-weather .title{padding-bottom:12px}.legend-weather ul{flex-direction:column}.legend-weather ul li{padding:5px}}.hour-temp{margin:2px;padding:2px;border:1px solid hsla(0,0%,80%,.37);font-size:12px;flex-grow:1;text-align:center}.hour-temp.quick-freeze{background-color:#85aec4;color:#fff}.hour-temp.freeze{background-color:#238dc8;color:#fff}.hour-temp.cold{background-color:#095c89;color:#fff}.hour-temp.warm{background-color:#b28817;color:#fff}.hour-temp.hot{background-color:#ee7a58;color:#fff}.hour-temp.very-hot{background-color:#8c2102;color:#fff}@media only screen and (max-width:400px){.hour-temp .temperature{display:none}}.icon-weather{width:50px;height:50px;fill:#fff}.day-detail{border:2px solid #fff;border-radius:10px;padding:5px 10px;margin-top:5px;margin-bottom:5px;font-size:16px}.day-detail.freeze-day{background-color:#85aec4}.day-detail.quick-freeze{border-color:#ecf2f6}.day-detail.freeze{border-color:#97ceed}.day-detail.cold{border-color:#39b1f2}.day-detail.warm{border-color:#b28817}.day-detail.hot{border-color:#ee7a58}.day-detail.very-hot{border-color:#8c2102}.day-detail .daily-summary{align-items:center;margin-bottom:10px}.day-detail .daily-summary,.day-detail .hourly-content{display:flex;justify-content:space-between}@media only screen and (min-device-width:320px) and (max-device-width:480px){.day-detail{font-size:16px}.day-detail .weather-summary{display:none}}.content,.ui-design{padding:20px}.ui-design{display:flex;flex-direction:column}.ui-design img{border:1px solid #fff}body{background-color:#063c59;color:#fff}body .app-content-container{min-height:calc(100vh - 70px)}
/*# sourceMappingURL=main.dd5c32a4.chunk.css.map */