@import url(https://fonts.googleapis.com/css2?family=Unbounded&display=swap);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}*{box-sizing:border-box;font-family:Unbounded,cursive;margin:0;padding:0}body{overflow-x:hidden}.bg_img{align-items:center;background:url(/static/media/weather_bg.8631cb31ba2ebdad8f49.jpg) no-repeat 50%/cover;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%}.input{background-color:hsla(0,0%,100%,.75)}.group{align-items:center;display:flex;gap:10px;margin:1rem 0}.city{margin-top:2rem}.city,.temp{font-size:3rem}.box_container{align-items:center;display:flex;gap:25px;justify-content:center;margin-top:2rem}.box{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.301);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:1rem;text-align:center;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:220px}.box:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (max-width:730px){.bg_img{padding:2rem 0}.box_container{flex-direction:column}.box,.input{width:70vw}}.container{align-items:center;display:flex;height:250px;justify-content:center;margin:100px auto;padding:15px}.cloud,.container{width:250px}.front{-webkit-animation:clouds 8s infinite;animation:clouds 8s infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;display:inline;margin-left:25px;padding-top:45px;position:absolute;z-index:11}.back{-webkit-animation:clouds 12s infinite;animation:clouds 12s infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;margin-left:150px;margin-top:-30px;z-index:12}.right-front{border-radius:50% 50% 50% 0;height:45px;margin-left:-25px;width:45px}.left-front,.right-front{background-color:#4c9beb;display:inline-block;z-index:5}.left-front{border-radius:50% 50% 0 50%;height:65px;width:65px}.right-back{border-radius:50% 50% 50% 0;height:50px;margin-left:-20px;width:50px}.left-back,.right-back{background-color:#4c9beb;display:inline-block;z-index:5}.left-back{border-radius:50% 50% 0 50%;height:30px;width:30px}.sun{background:linear-gradient(90deg,#fcbb04,#fffc00);border-radius:60px;display:inline;height:120px;position:absolute;width:120px}.sunshine{-webkit-animation:sunshines 2s infinite;animation:sunshines 2s infinite}@-webkit-keyframes sunshines{0%{opacity:.6;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes sunshines{0%{opacity:.6;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.4);transform:scale(1.4)}}@-webkit-keyframes clouds{0%{-webkit-transform:translateX(15px);transform:translateX(15px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(15px);transform:translateX(15px)}}@keyframes clouds{0%{-webkit-transform:translateX(15px);transform:translateX(15px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(15px);transform:translateX(15px)}}
/*# sourceMappingURL=main.2905d498.css.map*/