@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background:#111}img{max-width:100%}.weather-card{background:linear-gradient(120deg,#ff7e5f,#feb47b);border-radius:20px;color:#fff;margin:30px auto 0;max-width:450px;padding:35px 30px;text-align:center;width:90%}.weather-card .search{align-items:center;display:flex;justify-content:space-between;width:100%}.weather-card .search input{background:#ebfffc;border:none;border-radius:30px;color:#555;flex:1 1;font-size:18px;height:50px;outline:none;padding:10px 25px;width:100%}.weather-card .search button{background:#ebfffc;border:none;border-radius:50%;cursor:pointer;height:50px;margin-left:16px;outline:0;width:50px}.weather-card .search button i{color:#333;font-size:20px}.weather h1{font-size:80px;font-weight:500;margin-top:-30px}.weather h2{font-size:40px;font-weight:400;margin-top:-25px}.weather .weather-icon{height:200px;padding:10px;width:60%}.details{align-items:center;display:flex;gap:40px;justify-content:space-between;margin-top:50px;padding:0 20px}.details .humi{filter:brightness(100%)}.details img{height:40px;width:40px}.details .info{margin-left:10px}.details .humidity,.wind{font-size:25px;font-weight:500;margin-bottom:-5px}.col{align-items:center;display:flex;justify-content:space-between;margin-top:-20px;text-align:left}@media (max-width:768px){.weather-card{padding:25px 20px}.weather h1{font-size:60px}.weather h2{font-size:30px}.weather .weather-icon{height:150px;width:70%}.details{gap:20px;margin-top:30px}.details .humidity,.wind{font-size:20px}.details img{height:30px;width:30px}}@media (max-width:480px){.weather-card{padding:20px 15px}.weather h1{font-size:45px}.weather h2{font-size:25px}.weather .weather-icon{height:120px;width:80%}.details{flex-direction:column;gap:15px;margin-top:20px}.details .humidity,.wind{font-size:18px}.details img{height:25px;width:25px}.col{margin-top:10px}}body{background-color:#fff;&::-webkit-scrollbar{width:8px}&::-webkit-scrollbar-thumb{background-color:#ff7e5f;border-radius:4px}&::-webkit-scrollbar-track{background-color:#f1f1f1}}
/*# sourceMappingURL=main.1a23549a.css.map*/