body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;color:#fff}.weather-img{height:100vh;position:absolute;width:100vw}.weather-container{background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-filter:grayscale(50%);filter:grayscale(50%);height:100vh;width:100vw}.weather-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.4);list-style:none;min-width:300px;position:absolute;right:0}.weather-info li{margin-bottom:10px;padding:5px;position:relative;width:100%}.weather-info li .weather-info__content{color:#fff;margin-bottom:60px}.weather-info li .weather-info__content h3{display:inline-block;left:10%;position:absolute}.weather-info li .weather-info__content .weather-info__content-data{position:absolute;right:10%}.separator{background-color:hsla(0,0%,80%,.61);height:3px;margin:100px auto;width:80%}ul li h2{left:10%;position:absolute;top:40px}.weather{bottom:100px;display:flex;left:100px;position:absolute}.weather-content button{background:none;border:none;cursor:pointer;font-size:7rem;font-weight:400;outline:none}.weather-content div h3{text-shadow:#000 1px 0 10px}.weather-location{bottom:88px;left:280px;padding-left:2em}.weather-location h3:first-child{font-size:3rem}.weather-icon{bottom:40px;left:500px;position:absolute}*{--primary:#401aa8;--background:#0b0c1b;margin:0;padding:0}body{background-color:var(--background);background-image:url(/static/media/background.557a9309bec30e5e09e5.jpg);min-height:100vh}.container{height:100vh;width:100vw}.container,.spinner{align-items:center;display:flex;justify-content:center}.spinner{position:relative}.spinner,.spinner:after{-webkit-animation:spinner-anim 1.8s linear infinite;animation:spinner-anim 1.8s linear infinite;border:2px solid #401aa8;border-radius:50%;height:6rem;width:6rem}.spinner p{color:#dfdfdf;font-family:Ubuntu,sans-serif;font-size:1rem}@-webkit-keyframes spinner-anim{0%,15%,to{-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(.97);transform:scale(.97)}}@keyframes spinner-anim{0%,15%,to{-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(.97);transform:scale(.97)}}.spinner:after{-webkit-animation:spinner-anim2 1.8s linear infinite;animation:spinner-anim2 1.8s linear infinite;border-width:1px;content:"";position:absolute;-webkit-transform:scale(1.5);transform:scale(1.5)}@-webkit-keyframes spinner-anim2{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes spinner-anim2{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.4);transform:scale(1.4)}}
/*# sourceMappingURL=main.10a67960.css.map*/