.container{width:600px;height:800px;margin:75px auto auto;border-radius:12px;background-image:linear-gradient(180deg,#130754,#3b2f80)}.top-bar{display:flex;justify-content:center;gap:15px;padding-top:60px}.top-bar input{display:flex;width:350px;height:70px;background:#ebfffc;border:none;outline:none;border-radius:40px;padding-left:40px;color:#626262;font-weight:400;font-size:20px}.search-icon{display:flex;justify-content:center;align-items:center;width:70px;height:70px;background:#ebfffc;border-radius:50%;cursor:pointer}.weather-image{margin-top:29px;display:flex;justify-content:center}.weather-temp{display:flex;justify-content:center;color:#fff;font-size:60px;font-weight:400}.weather-location{justify-content:center;display:flex;color:#fff;font-size:60px;font-weight:400}.data-container{margin-top:50px;color:#fff;display:flex;justify-content:flex-start}.element{margin:auto;display:flex;align-items:flex-start;gap:15px}.data{font-size:25px;font-weight:400}.text{font-size:20px;font-weight:400}.icon{margin-top:10px}