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}*{margin:0;padding:0}.background-overlay{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8));height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}div.api{align-items:center;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;color:#fff;flex-direction:column;min-height:100vh}.search-cont,div.api{display:flex;justify-content:center}.search-cont{margin-top:2rem;width:99%}.search-input{background:hsla(0,0%,100%,.68);border:1px solid #fff;border-radius:20px 0 0 20px;box-shadow:0 4px 30px rgba(0,0,0,.1);font-size:2rem;outline:none;padding:.5rem;text-align:center;width:25rem}.search-input::-webkit-input-placeholder{font-size:1.5rem}.search-input:-ms-input-placeholder{font-size:1.5rem}.search-input::placeholder{font-size:1.5rem}.search-btn{background:#fff;border:none;border-radius:0 20px 20px 0;box-shadow:0 4px 30px rgba(0,0,0,.1);cursor:pointer;padding:.8rem}.search-btn:hover{background:linear-gradient(180deg,#f6f6f6 5%,#fff);background-color:#f6f6f6}.search-btn:active{position:relative;top:1px}.CurrentDay{align-items:center;display:flex;justify-content:center;width:100%}.current-day-container{animation:grow 1s ease-in-out;-webkit-animation:grow 1s ease-in-out;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.4);border-radius:20px;font-size:1.8rem;margin-top:1rem;padding:2rem;-webkit-transform-origin:center;transform-origin:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}.flag-animation{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:sway;animation-name:sway;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;border-radius:10px;height:90px;margin-right:3rem;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:90px}@-webkit-keyframes sway{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes sway{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.icon-wrapper{align-items:center;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;display:flex;justify-content:center;margin-left:3rem}@-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)}}.flex{align-items:center;display:flex;justify-content:center}.current-info{display:flex;flex-direction:column}.current-info-part1{display:flex;justify-content:space-evenly;margin:2rem}.current-info-part2{gap:2rem}.current-day,.current-info-part2{display:flex;flex-direction:row;justify-content:center}.current-day{align-items:center;gap:1rem}.current-temp{font-size:3rem;margin-top:2rem}.ForecastDays{animation:grow 1s ease-in-out;-webkit-animation:grow 1s ease-in-out;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;border-radius:20px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;margin-top:1.5rem;padding:2rem;-webkit-transform-origin:center;transform-origin:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;width:96vw}@keyframes grow{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes grow{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}.days{align-items:center;display:flex;justify-content:space-around}.dayName{font-size:1.5rem;text-align:center;width:15rem}.card-container{flex-wrap:wrap}.card,.card-container{justify-content:center}.card{align-items:center;gap:.5rem;width:15rem}.card-container{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.card{display:flex;flex-direction:column}.day-icon{width:100px}.Footer{margin:1.5rem 0 1rem}@media screen and (max-width:800px){.current-day-container{font-size:1.5rem;width:40rem}.card-container,.days{flex-direction:column}.ForecastDays{flex-direction:row;justify-content:center}}@media screen and (max-width:725px){.current-day-container{font-size:1.2rem;width:30rem}.card-container,.days{flex-direction:column}.ForecastDays{flex-direction:row;justify-content:center}}@media screen and (max-width:565px){.current-day-container{width:18rem}.dayName{font-size:1.2rem}.card,.dayName{width:7rem}.ForecastDays{font-size:1.2rem;margin-top:1rem;width:18rem}.day-icon{width:50px}.current-day-container{font-size:1rem}.flex{flex-direction:column}.search-input{font-size:1.5rem;width:15rem}.search-input::-webkit-input-placeholder{font-size:1.2rem}.search-input:-ms-input-placeholder{font-size:1.2rem}.search-input::placeholder{font-size:1.2rem}}
/*# sourceMappingURL=main.2fa58526.css.map*/