body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--text-primary:#fff;--text-secondary:#bdbdbd;--bg-primary:#191919;--bg-secondary:#313131}*{box-sizing:border-box;margin:0;padding:0}body{width:30%;margin:0 auto;height:100vh;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;color:var(--text-primary);background-color:#191919;background-color:var(--bg-primary)}.container{width:90%;margin:0 auto}.flex{display:flex}.flex.center{justify-content:center;align-items:center}.App{max-width:430px;margin:20px auto}.app__header{padding:4rem 0;background-color:#313131;background-color:var(--bg-secondary)}.header{text-align:center}.header__title{font-size:3em;letter-spacing:2px;margin:0 0 .25rem}.header__time{font-weight:lighter;color:teal}.header__temp{font-size:4em;font-weight:bolder;margin:1.5rem 0}.header__temp sup{font-size:.5em;color:#bdbdbd;color:var(--text-secondary)}.header__condition{display:flex;align-items:center;justify-content:center}.header__condition img{width:36px}.header__condition span{font-weight:lighter;font-size:1em!important;caret-color:#bdbdbd;caret-color:var(--text-secondary)}.header__progress{height:1rem;position:relative;background-color:#212121;border-radius:2rem;overflow:hidden}.header__progress>div{height:100%;background-color:teal;transition:width 2s ease-out}.header__countdown{position:absolute;top:50%;left:50%;font-size:.7em;transform:translate(-50%,-50%);color:#bdbdbd;color:var(--text-secondary)}.forecast{padding:.5rem 0}.forecast__box{display:flex;padding:.25rem 2rem;align-items:center;background-color:#212121;justify-content:space-between;border-bottom:1px solid #212121}.forecast__box:not(:last-child){margin-bottom:.5rem}.forecast__temp{margin-right:1rem}.forecast__icon{display:flex;flex-direction:column;align-items:center}.forecast__icon span{font-size:.8em;color:#bdbdbd;color:var(--text-secondary);transform:translateY(-8px)}.app__error{left:50%;bottom:-3rem;position:fixed;transform:translate(-50%,-50%);transition:bottom .5s ease-in-out;color:#fff;background-color:tomato;padding:.3rem 2rem;border-radius:1rem;font-size:.9em}.app__error.show{bottom:1rem}
/*# sourceMappingURL=main.63d64ab6.chunk.css.map */