*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;overflow-x:hidden;overflow-y:hidden}.html{overflow-x:hidden;overflow-y:hidden}.app{min-height:100vh;display:grid;background:#e2d4ff}*,*:before,*:after{box-sizing:border-box}.weather{place-self:center;padding:2.5rem 1rem;border-radius:10px;background-image:linear-gradient(45deg,#2f4680,#500ae4);display:flex;width:100%;max-width:420px;flex-direction:column;align-items:center;margin:1rem auto}.search-bar{display:flex;align-items:center;gap:12px;width:90%;max-width:380px}.search-bar input{flex:1;min-width:0;height:clamp(40px,6.5vw,50px);border:none;outline:none;border-radius:40px;padding-left:1rem;padding-right:1rem;color:#626262;background:#ebfffc;font-size:clamp(14px,2.5vw,18px)}.search-bar img{width:clamp(40px,8vw,50px);height:auto;border-radius:40px;background:#ebfffc;cursor:pointer}.weather_icon{width:clamp(80px,30%,160px);margin:2.5rem 0}.temperature{color:#fff;font-size:clamp(40px,10vw,80px);line-height:1;text-align:center}.location{color:#fff;font-size:clamp(18px,4.5vw,40px);text-align:center}.weather-data{width:100%;margin-top:40px;color:#fff;display:flex;justify-content:space-between;gap:16px;padding:0 1rem;flex-wrap:wrap}.weather-data .col,.weather-data .col2{display:flex;align-items:flex-start;gap:12px;justify-content:center;flex:1 1 45%;min-width:140px}.weather-data .col{font-size:clamp(16px,2.5vw,22px)}.weather-data .col2{font-size:clamp(14px,2vw,18px);justify-content:flex-start}.weather-data .col2 span{font-weight:600}.weather-data .col2 p{font-size:clamp(18px,2.5vw,22px);margin:0}.weather-data .col span{display:block;font-size:clamp(14px,2vw,18px);font-weight:600}.weather-data .col p{font-size:clamp(18px,2.5vw,22px);margin:0}.mini-icon{width:clamp(40px,22%,80px);margin-top:0!important;margin-bottom:4px}@media(max-width:480px){.weather{padding:1.8rem .75rem;max-width:360px;min-height:480px}.weather .temperature{font-size:clamp(70px,30%,90px)}.weather .location{font-size:clamp(28px,22%,40px);margin-bottom:10px}.search-bar{width:90%;gap:8px}.weather-data{align-items:center;margin-top:30px;padding:0 .5rem}.weather-data .col,.weather-data .col2{flex:column;justify-content:center;text-align:center;align-items:end}.weather-data .col2 p{min-width:50px}.weather-data .col span,.weather-data .col2 span{font-size:1.2em}.weather-data .col2 .mini-icon,.weather-data .col .mini-icon{max-width:70%}}@media(min-width:480px){.weather{max-width:520px;padding:3rem}.weather-data .col,.weather-data .col2{flex:1 1 40%}.weather-data .col2 .mini-icon,.weather-data .col .mini-icon{margin-top:10px!important}}