.weather{padding:40px;border-radius:10px;background-image:linear-gradient(45deg,#2f4680,#500ae4);display:flex;flex-direction:column;align-items:center;max-width:100%;margin:auto;box-sizing:border-box}.search-bar{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;flex-wrap:nowrap}.search-bar input{height:50px;border:none;outline:none;border-radius:40px;padding-left:25px;color:#626262;background:#ebfffc;font-size:18px;flex:1;min-width:0;box-sizing:border-box}.search-bar img{width:50px;padding:15px;border-radius:50%;background:#ebfffc;cursor:pointer}.weather-icon{width:150px;margin:30px 0}.temperatura{color:#fff;font-size:80px;line-height:1;text-align:center}.ubicacion{color:#fff;font-size:40px;text-align:center}.weather-data{width:100%;margin-top:40px;display:flex;flex-direction:row;justify-content:space-between;color:#fff;box-sizing:border-box}.weather-data .col{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:22px;text-align:center}.weather-data .col span{display:block;font-size:16px}.weather-data .col img{width:26px;margin-top:10px}@media (max-width: 600px){.weather{padding:20px;margin:0 20px}.temperatura{font-size:60px}.ubicacion{font-size:30px}.weather-data{flex-direction:column;align-items:center;gap:20px}.weather-data .col{font-size:20px}.search-bar img{width:40px;padding:10px}.search-bar input{height:40px;font-size:16px}}@media (max-width: 338px){.search-bar{flex-direction:row}.search-bar input{width:calc(100% - 60px);padding-left:15px;font-size:14px}.search-bar img{width:35px;padding:8px}}*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}.app{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#e2d4ff;padding:20px}