@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);*{box-sizing:border-box;font-family:Lato,sans-serif;margin:0;padding:0}:root{--color-black:#000;--color-white:#fff;--color-yellow:#ffd300;--color-yellow-hover:#dfbf07;--color-error:red;--trs:.5s}.btns{background-color:#ffd300;background-color:var(--color-yellow);border:none;color:#000;color:var(--color-black);cursor:pointer;display:block;font-size:1.25rem;height:50px;line-height:50px;outline:none;text-decoration:none;transition:.5s;transition:var(--trs);width:250px}.btns:hover{background-color:#dfbf07;background-color:var(--color-yellow-hover)}@media (max-width:720px){.btns{font-size:1rem;height:40px;line-height:40px;width:150px}}.welcome{background-color:var(--color-black);flex-direction:column;height:calc(100vh - 50px);width:100%}.welcome,.welcome-loader{align-items:center;display:flex;justify-content:center}.welcome-loader{height:250px;padding:15px;width:250px}.cloud{width:250px}.front{animation:clouds 8s infinite;animation-timing-function:ease-in-out;display:inline;margin-left:25px;padding-top:45px;position:absolute;z-index:11}.back{animation:clouds 12s infinite;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:#e8e8e8;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:#e8e8e8;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{animation:sunshines 2s infinite}@keyframes sunshines{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes clouds{0%{transform:translateX(15px)}50%{transform:translateX(0)}to{transform:translateX(15px)}}.welcome-text{text-align:center}.welcome-text h1{color:var(--color-white);font-size:1.75rem;margin-bottom:2rem}.welcome-text a{font-weight:700}.select{flex-direction:column;gap:30px;justify-content:center}.select,.select h3{align-items:center;display:flex}.select h3{color:var(--color-white);font-size:1.75rem;gap:10px}#search-loc{align-items:center;display:flex;padding-top:2rem;position:relative}#search-loc input[type=text]{border:none;font-size:1rem;height:40px;outline:none;padding:10px;width:250px}#search-loc input[type=submit]{font-size:1rem;font-weight:700;height:40px;line-height:40px;width:100px}.error-msg{background-color:var(--color-error);color:var(--color-white);height:30px;left:0;line-height:30px;padding:0 1rem;position:absolute;text-align:center;top:-10px;width:100%}.bottom-line{background-color:var(--color-black);bottom:0;height:50px;justify-content:space-between;left:0;padding:0 2rem;position:fixed;width:100%}.bottom-line,.bottom-line p{align-items:center;display:flex}.bottom-line p{color:var(--color-white);gap:10px}.bottom-line p span{font-weight:700}.bottom-line p a{color:var(--color-yellow);transition:var(--trs)}.bottom-line p a:hover{color:var(--color-yellow-hover)}@media (max-width:720px){.welcome-text h1{font-size:1.25rem}.welcome-text a{margin:0 auto}.select h3{font-size:1.25rem}}@media (max-width:480px){.error-msg{font-size:.75rem}#search-loc input[type=text]{font-size:.75rem;width:150px}#search-loc input[type=submit]{font-size:.75rem;width:50px}.bottom-line{padding:0 .5rem}.bottom-line p{font-size:.75rem}}header{align-items:center;background-color:var(--color-yellow);display:flex;font-weight:700;height:50px;justify-content:center;left:0;position:fixed;top:0;width:100%}header,header a{color:var(--color-black)}header a{text-decoration:none}.header-icon{cursor:pointer;height:80%;left:50px;padding:5px;position:absolute;top:50%;transform:translateY(-50%);transition:var(--trs);width:40px}.header-icon:hover{background-color:var(--color-black);border-radius:50%;color:var(--color-yellow)}.date-wrapper{align-items:center;display:flex;gap:20px;justify-content:center}@media (max-width:960px){header{justify-content:flex-end}.date-wrapper{padding-right:50px}}@media (max-width:480px){.header-icon{left:25px}.date-wrapper{font-size:.75rem;padding-right:25px}}.loader-wrapper{align-items:center;background-color:var(--color-black);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.loader{height:84px;overflow:hidden;position:relative;width:84px}.loader:after,.loader:before{animation:push_4051 2s ease-in infinite;background:#ff0;border-radius:50%;bottom:0;content:"";height:64px;left:50%;position:absolute;transform:translate(-50%,100%) scale(0);width:64px}.loader:after{animation-delay:1s}@keyframes push_4051{0%{transform:translate(-50%,100%) scale(1)}15%,25%{transform:translate(-50%,50%) scale(1)}50%,75%{transform:translate(-50%,-30%) scale(.5)}80%,to{transform:translate(-50%,-50%) scale(0)}}.error-search{align-items:center;background-color:var(--color-black);display:flex;flex-direction:column;gap:40px;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.error-search p{color:var(--color-white);font-size:1.5rem}.error-search a,.error-search p{text-align:center}@media (max-width:920px){.error-search p{font-size:1rem}}.weather{justify-content:space-between;min-height:100vh;width:100%}.weather,.weather-left{background-color:var(--color-black);display:flex}.weather-left{align-items:center;flex-basis:30%;flex-direction:column;justify-content:center;min-height:100%;padding:1rem}.city-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.city-time,.city-title{color:var(--color-white)}.city-time{font-size:1rem}.city-time,.current-weather{margin-bottom:3rem}.current-icon{align-items:center;display:flex;height:100px;margin-bottom:1rem;text-align:center;width:100%}.current-icon img{height:100%;object-fit:contain;width:100%}.current-type{margin-bottom:2rem}.current-temp{margin-bottom:5rem}.current-temp p{font-size:3rem}.current-temp p,.current-type p{color:var(--color-white);text-align:center}.current-type p{font-size:1.5rem}.current-feelslike p{color:var(--color-white);font-size:1rem;margin-bottom:1rem;text-align:center}.current-humidity p,.current-wind p{align-items:center;color:var(--color-white);display:flex;font-size:1.25rem;gap:10px;justify-content:center;margin-bottom:1rem}.suninfo{justify-content:space-around;width:100%}.suninfo,.sunrise p,.sunset p{align-items:center;display:flex}.sunrise p,.sunset p{color:var(--color-white);font-size:1.25rem;gap:15px}.weather-right{align-items:center;background-color:var(--color-black);display:flex;flex-basis:70%;flex-direction:column;min-height:100%}.line{background-color:var(--color-yellow);height:3px;margin:0 auto;width:90%}.today,.week{align-items:center;display:flex;gap:30px;height:50%;justify-content:center;width:100%}@media (max-width:960px){.weather{flex-direction:column;padding-top:80px}.weather-left{padding-bottom:50px}.suninfo{gap:30px;justify-content:center}.today{flex-wrap:wrap}.today,.week{padding-bottom:50px}.week{padding-top:50px}}@media (max-width:480px){.week{flex-wrap:wrap}}.today-item{border:1px solid var(--color-yellow);border-radius:5px;box-shadow:0 0 20px #ffd300b3;color:var(--color-white);flex-basis:calc(20% - 30px);height:200px;padding:1rem;transition:var(--trs)}.today-item:hover{transform:scale(1.05)}.today-title{font-weight:700;margin-bottom:1rem;text-align:center}.today-icon{height:50px;margin-bottom:1rem;width:100%}.today-icon img{height:100%;object-fit:contain;width:100%}.today-weather{margin-bottom:1rem;text-align:center}.today-temp{font-weight:700;text-align:center}@media (max-width:960px){.today-item{flex-basis:calc(33.33333% - 30px)}}@media (max-width:480px){.today-item{flex-basis:calc(50% - 30px)}}.future-item{border:1px solid var(--color-yellow);border-radius:5px;box-shadow:0 0 20px #ffd300b3;color:var(--color-white);flex-basis:calc(25% - 30px);height:200px;padding:1rem;transition:var(--trs)}.future-item:hover{transform:scale(1.05)}.future-title{font-weight:700;margin-bottom:1rem;text-align:center}.future-icon{height:50px;margin-bottom:1rem;width:100%}.future-icon img{height:100%;object-fit:contain;width:100%}.future-weather{margin-bottom:1rem;text-align:center}.future-temp{font-weight:700;text-align:center}@media (max-width:480px){.future-item{flex-basis:calc(50% - 30px)}}.error{align-items:center;background-color:var(--color-yellow);display:flex;flex-direction:column;gap:30px;height:100vh;justify-content:center;width:100%}.error h2{font-size:3rem}.error h3{font-size:1.5rem}.error a{text-align:center}.error a,.error a:hover{background-color:var(--color-black);color:var(--color-white)}@media (max-width:720px){.error h2{font-size:1.5rem}.error h3{font-size:1rem;text-align:center}}
/*# sourceMappingURL=main.730c5abd.css.map*/