*{margin:0;padding:0;box-sizing:border-box;font-family:Times New Roman,Times,serif,Georgia,Gill Sans,Gill Sans MT,Trebuchet MS,sans-serif,Times New Roman,serif}.app{background-color:#e2d4ff;min-height:100vh;display:grid}.weather{place-self:center;padding:40px;border-radius:10px;border-color:transparent;outline:none;display:flex;flex-direction:column;align-items:center;background-image:linear-gradient(45deg,#0b4df6,#8d62e9,#7d7295);width:35vw;height:auto}.search-bar{display:flex;align-items:center;gap:12px}.search-bar input{width:25vw;height:50px;border:none;outline:none;border-radius:40px;padding-left:25px;color:#434343;background:#ebfffc;font-size:18px}.search-bar .search-icon{width:50px;height:auto;padding:15px;background:#ebfffc;border-radius:50%;cursor:pointer}.weather-detail{display:flex;flex-direction:column;color:#fff;align-items:center}.weather-icon{color:#fff;font-size:150px;padding:30px 0 20px}.weather-info{display:flex;justify-content:space-between;gap:50px;margin-top:40px}.col{display:flex;min-height:70px;font-size:25px;gap:5px}.weather-detail .temp{font-size:60px;line-height:1;padding:0 0 10px}.weather-detail .location{font-size:35px}.humidity-icon{font-size:50px}.wind-speed-icon{font-size:40px}