@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap";*{padding:0;margin:0;font-family:Poppins,sans-serif;box-sizing:border-box}body{background-color:#e0f7fa}img{max-width:100%}.weather-card{max-width:600px;text-align:center;border-radius:20px;color:#fff}.weather-card .search input{width:100%;height:50px;font-size:18px;flex:1;color:#555;padding:10px 25px;outline:none;background:#ebfffc;border:none;border-radius:30px}.weather-card .search button{width:50px;height:50px;cursor:pointer;margin-left:16px;border:none;outline:0;background:#ebfffc;border-radius:50%}.weather-card .search button i{font-size:20px;color:#333}.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{width:55%;height:100px;padding:10px}.details{display:flex;padding:2px;width:100%}.details .humi{filter:brightness(10000%)}.details img{width:40px;height:40px}.details .info{margin-left:10px;font-size:15px;font-weight:700}.details .humidity,.wind{font-size:10px;font-weight:500}.col{display:flex;margin-top:10px;align-items:center;width:100%}