@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,300&display=swap";*{margin:0;padding:0;box-sizing:border-box}.container{width:100%;height:100%;font-family:serif;margin:auto;font-family:Poppins,sans-serif;background-image:linear-gradient(180deg,#130754 0%,#3b2f80 100%)}.top-bar{display:flex;justify-content:center;gap:14px;padding-top:60px}.top-bar input{display:flex;width:365px;height:80px;background:#ebfffc;border:none;outline:none;border-radius:40px;padding-left:40px;color:#626262;font-size:20px;font-weight:400}.search-icon{display:flex;justify-content:center;align-items:center;width:80px;height:80px;background:#ebfffc;border-radius:50%;cursor:pointer}.weather-image{display:flex;justify-content:center}.weather-temp{display:flex;justify-content:center;color:#fff;font-size:100px;font-weight:600}.weather-location{display:flex;justify-content:center;color:#fff;font-size:60px;font-weight:400}.data-container{margin-top:15px;color:#fff;display:flex;justify-content:center}.element{margin:auto;display:flex;align-items:flex-start;gap:12px}.data{font-size:34px;font-weight:400}.text{font-size:20px;font-weight:400}.icon{margin-top:10px}