@import url(https://fonts.googleapis.com/css?family=Catamaran);@-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)}}.Loading{border-radius:50%;width:24px;height:24px;border:3px solid hsla(0,0%,100%,.2);border-top-color:#fff;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear;margin:0 auto}.forecast-view{font-family:Catamaran;background-color:#fff;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.forecast-view .city-name{padding:60px;text-align:center}.forecast-view .city-name span{color:#ddd;font-size:36px}.forecast-view .forecast-days{margin:0 auto;overflow:hidden;overflow-x:scroll;max-width:844px}.forecast{background-color:#ddd;display:table-cell;height:auto;margin-bottom:10px;padding:5px;border-right:1px solid #fff}.forecast div{-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:12px;-ms-flex-positive:1;flex-grow:1}.forecast div span{color:#fff}.forecast .date{text-align:center;width:200px;padding-top:2em}.forecast .date span{font-size:2em;line-height:.75em;color:#fff}.forecast .date span.time{font-size:.5em}.forecast .weather{-ms-flex-direction:column;flex-direction:column;height:100%;text-align:center;padding-top:20px}.forecast .weather .owf{color:#fff;font-size:72px;text-shadow:0 0 6px #898989}.forecast .weather span{font-size:14px}.forecast .temperature span{font-size:32px}.forecast .humidity span{text-align:center;font-size:14px}body{margin:0;padding:0;font-family:sans-serif}
/*# sourceMappingURL=main.aed2094e.css.map*/