@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700,800);*{box-sizing:border-box;border:none;outline:none}html{overflow:hidden}body,html{width:100vw;height:100vh}body{margin:0;font-family:"Montserrat",sans-serif!important}#root,body{padding:0}div{-webkit-user-select:none;-ms-user-select:none;user-select:none}p{margin:0}button:focus{outline:none}.App{text-align:center}.portrait{position:absolute;width:100vh;height:100vw;top:50%;left:50%;display:-webkit-flex;display:flex}.landscape{height:100vh;width:100vw;position:absolute}.deg-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.deg-90{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.deg-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.deg-270{-webkit-transform:translate(-50%,-50%) rotate(270deg);transform:translate(-50%,-50%) rotate(270deg)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.weather-tile-container{padding:30px;height:56.25vh}.weather-tile-container.weather-day{background:linear-gradient(180deg,#006abb,#169aff)}.weather-tile-container.weather-night{background:linear-gradient(180deg,#0f5a80,#006abb)}.weather-tile-container .portl-logo{position:absolute;right:15px;top:7px;font-size:23px;font-weight:700;letter-spacing:-.92px;color:#fff}.weather-tile-container .today .first-row{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.weather-tile-container .today .center{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-left:20px;width:150px}.weather-tile-container .today .icon-image{font-size:115px;color:#fff}.weather-tile-container .today .date-text{font-size:30px;color:#f7f6f7}.weather-tile-container .today .flex{display:-webkit-flex;display:flex}.weather-tile-container .today .temperature-text{font-size:80px;color:#f7f6f7}.weather-tile-container .today .celsius{font-size:60px;color:#f7f6f7;margin:5px 10px 0 0}.weather-tile-container .today .medium-text{font-size:25px;color:#fff;margin-top:10px}.weather-tile-container .today .tiny-celsius{font-size:30px;color:#f7f6f7;margin-top:4px}.weather-tile-container .today .hour-text{font-size:55px;color:#fff}.weather-tile-container .today .sky{display:-webkit-flex;display:flex;width:170px;-webkit-justify-content:center;justify-content:center;text-align:center}.weather-tile-container .today .weather-status{font-size:24px;color:#f7f6f7;margin-top:10px}.weather-tile-container .today .characteristic-text{height:22px;margin:7px 25px 5px 0;font-family:Montserrat;font-size:18px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.22;letter-spacing:normal;color:#d6d6d6}.weather-tile-container .today .characteristic-values-text{width:119px;height:29px;font-family:Montserrat;font-size:24px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.21;letter-spacing:normal;color:#fff}.weather-tile-container .horizontal-divider{height:3px;margin:48px 28px 3px 14px;background-color:#f7f6f7}.weather-tile-container .next-days-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.weather-tile-container .next-days-container .display-center{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1}.weather-tile-container .next-days-container .day{font-size:22px;color:#f7f6f7}.weather-tile-container .next-days-container .small-icon-image{font-size:70px;color:#fff;margin-top:20px}.weather-tile-container .next-days-container .min-max-temp{display:-webkit-flex;display:flex;margin-left:15px;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.weather-tile-container .next-days-container .min-max-temp .max-temperature{font-size:45px;color:#f7f6f7;border-bottom:2px solid #fff}.weather-tile-container .next-days-container .min-max-temp .min-temperature{font-size:25px;color:#f7f6f7}.weather-tile-container .next-days-container .small-celsius{font-size:45px;color:#f7f6f7;margin-top:4px}.weather-tile-container .vertical-divider{background-color:#fff;width:3px;height:150px}.weather-tile-container .centered-loading{position:absolute;top:220px;left:440px}.weather-portrait.weather-tile-container{padding:3vh;height:100vw}.weather-portrait.weather-tile-container .portl-logo{position:static;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;font-size:7vh;font-weight:600;letter-spacing:-.23vh}.weather-portrait.weather-tile-container .today .icon-image{height:41.8vh;width:auto;max-width:50vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-filter:invert(100%) sepia(0) saturate(7500%) hue-rotate(145deg) brightness(109%) contrast(102%);filter:invert(100%) sepia(0) saturate(7500%) hue-rotate(145deg) brightness(109%) contrast(102%)}.weather-portrait.weather-tile-container .today .weather-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-top:10vh;margin-right:5vh}.weather-portrait.weather-tile-container .today .date-text{font-size:7vh;text-align:center;margin-top:1.2vh;line-height:10vh}.weather-portrait.weather-tile-container .today .temperature-text{font-size:19vh}.weather-portrait.weather-tile-container .today .celsius{font-size:10vh;margin:.5vh 1vh 0 0}.weather-portrait.weather-tile-container .today .medium-text{font-size:4.2vh}.weather-portrait.weather-tile-container .today .tiny-celsius{font-size:5vh;color:#f7f6f7;margin:0}.weather-portrait.weather-tile-container .today .hour-text{font-size:8.33vh;text-align:center;line-height:10vh;margin-top:2vh}.weather-portrait.weather-tile-container .today .sky{width:auto;margin-top:20px}.weather-portrait.weather-tile-container .today .weather-status{font-size:4.5vh;margin:0}.weather-portrait.weather-tile-container .today .characteristics-container{display:-webkit-flex;display:flex;margin-top:13vh;padding:0 2vh;-webkit-justify-content:space-between;justify-content:space-between}.weather-portrait.weather-tile-container .today .characteristic-text{height:auto;margin:0 3vh 0 0;font-size:3.5vh;line-height:6vh}.weather-portrait.weather-tile-container .today .characteristic-values-text{width:auto;height:auto;font-size:4vh;line-height:6vh}.weather-portrait.weather-tile-container .horizontal-divider{margin:16vh auto 0}.weather-portrait.weather-tile-container .next-days-container .day{font-size:3.2vh;color:#f7f6f7}.weather-portrait.weather-tile-container .next-days-container .next-day-item{padding-top:2vh}.weather-portrait.weather-tile-container .next-days-container .border-separator{border-right:3px solid #f7f6f7}.weather-portrait.weather-tile-container .next-days-container .small-icon-image{height:15.37vh;margin-top:2vh;max-width:16vh;width:auto;-webkit-filter:invert(100%) sepia(0) saturate(7500%) hue-rotate(145deg) brightness(109%) contrast(102%);filter:invert(100%) sepia(0) saturate(7500%) hue-rotate(145deg) brightness(109%) contrast(102%)}.weather-portrait.weather-tile-container .next-days-container .min-max-temp{margin-top:0;margin-left:0;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row;flex-direction:row}.weather-portrait.weather-tile-container .next-days-container .min-max-temp .max-temperature{margin-top:1vh;font-size:6vh;border-bottom:none}.weather-portrait.weather-tile-container .next-days-container .small-celsius{font-size:5vh;margin-top:0}.weather-portrait.weather-tile-container .next-days-container .next-day-weather-status{font-size:2vh;color:#f7f6f7}.weather-portrait.weather-tile-container .centered-loading{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
/*# sourceMappingURL=main.cbf36fbf.chunk.css.map */