@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;font-family:Roboto;font-size:1.1rem;margin:0;padding:0}.home-page{background-image:linear-gradient(90deg,hsla(0,0%,87%,.477),rgba(83,175,251,.759),rgba(31,114,182,.759));display:grid;min-height:100vh}.weather{border-radius:.7rem;display:flex;flex-direction:column;flex-wrap:wrap;height:650px;padding:1.5rem;place-self:center;text-align:center;width:800px}.search-bar input,.weather{background-image:linear-gradient(90deg,hsla(0,0%,87%,.477),rgba(83,175,251,.759),rgba(31,114,182,.759))}.search-bar input{border:none;border-radius:.7rem;color:#fff;font-size:1rem;outline:none;padding:.7rem .7rem .7rem .5rem;width:70%}.search-bar button{background-image:linear-gradient(90deg,hsla(0,0%,87%,.477),rgba(83,175,251,.759),rgba(31,114,182,.759));border:none;border-radius:25px;color:#fff;cursor:pointer;margin-left:1rem;padding:.7rem}.weather-data{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.weather-state{color:#fff;margin:1.2rem}.weather-state h1{font-size:1.2rem}.weather-state img{width:70px}.temperature{color:#fff;margin:1rem}.temperature h1{font-size:1.5rem}.footer{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;margin:.2rem 0}.humidity,.wind{color:#fff;display:flex;justify-content:space-between}.humidity p,.wind p{font-size:1.1rem;font-weight:bolder}.humidity img,.wind img{margin:.5rem;width:30px}.city-not-found{color:#fff;font-size:3rem;font-weight:bolder;margin-top:60%}.degree span{font-size:1.1rem}.weather-forecast{color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;font-size:1.1rem;font-weight:bolder}.weather-forecast ul{list-style-type:none}.weather-forecast ul li{flex-direction:row;text-align:center}.weather-forecast .forecast-temp,.weather-forecast ul li{align-items:center;display:flex;justify-content:space-between}.weather-forecast .forecast-temp img{margin-right:.2rem;width:40px}.day-forecast{margin:0}@media screen and (max-width:1000px){.weather{width:700px}}@media screen and (max-width:800px){.weather{width:500px}.weather-forecast .forecast-temp img{margin-right:.2rem;width:40px}.search-bar button,.search-bar input{padding:.5rem}.temperature h1,.weather-state h1{font-size:1.1rem}.humidity p,.wind p{font-size:.8rem}.humidity img,.wind img{height:30px;margin:.3rem}.weather-state img{width:45px}.weather-data{flex-wrap:nowrap}}@media screen and (max-width:500px){.weather{width:350px}.weather-forecast .forecast-temp img{margin-right:.2rem;width:40px}.search-bar button,.search-bar input{padding:.5rem}.temperature h1,.weather-state h1{font-size:1.1rem}.humidity p,.wind p{font-size:.8rem}.humidity img,.wind img{height:30px;margin:.3rem}.weather-state img{width:45px}.weather-data{flex-wrap:nowrap}}.forecast-day,.forecast-min-max,.forecast-temp{max-width:calc(33.33333% - 16px);min-width:calc(33.33333% - 16px)}.day-forecast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:.7rem;display:flex;flex-direction:column;height:140px;justify-content:space-between;width:99%}.day-chart-forecast,.day-hour-forecast,.day-icon-forecast .day-degree-forecast{margin-bottom:.4rem}.day-degree-forecast ul,.day-hour-forecast ul,.day-icon-forecast ul{align-items:center;color:hsla(0,0%,100%,.704);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;list-style:none}.day-icon-forecast img{width:30px}.day-hour-forecast ul li{font-size:1.1rem}.day-degree-forecast ul li{color:#fff;font-size:1.1rem}
/*# sourceMappingURL=main.6b6e5bd0.css.map*/