@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0}body{background:#c08b9b;font-family:Inter,sans-serif}.container{background:#fff3;border-radius:32px;box-shadow:0 8px 32px #0000001a;padding:41px;max-width:400px;margin:0 auto;box-sizing:border-box}.loading{color:#fff;font-size:52px;font-style:normal;font-weight:600;display:flex;justify-content:center;align-items:center;height:100vh}.loading span{animation:loadingAnimation 1.5s infinite;display:inline-block}.loading span:nth-child(1){animation-delay:0s}.loading span:nth-child(2){animation-delay:.1s}.loading span:nth-child(3){animation-delay:.2s}.loading span:nth-child(4){animation-delay:.3s}.loading span:nth-child(5){animation-delay:.4s}.loading span:nth-child(6){animation-delay:.5s}.loading span:nth-child(7){animation-delay:.6s}@keyframes loadingAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-20px);color:#e26464}}form{margin:35px 0;padding:16px;display:flex;justify-content:space-between;max-width:400px;max-height:60px;border-radius:16px;background:#ffffff4d;box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input{color:#999;font-size:18px;font-weight:400;border:none;outline:none;background:none}button{border:none;outline:none;background:none;cursor:pointer;font-size:14px;padding:4px 6px 9px;border-radius:26843500px;background:#fff3}.title{display:flex;justify-content:space-between;align-items:center}h1{color:#fff;font-size:24px;font-style:normal;font-weight:700}h2{color:#fff;text-align:center;font-size:30px;font-style:normal;font-weight:300}h3{color:#fff;text-align:center;font-size:72px;font-style:normal;font-weight:100}h3 span{font-size:36px}h4{color:#fff;text-align:center;font-size:24px;font-style:normal;font-weight:300;text-transform:capitalize}h5{color:#fff;text-align:center;font-size:18px;font-style:normal;font-weight:400}.weatherEmoji{font-size:96px;text-align:center}.weatherData{display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px}.dataInfo{width:192px;height:124px;box-sizing:border-box;border-radius:24px;background:#fff3;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(10px);padding:24px;-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.data_tittle{margin-bottom:31px;display:flex}.data_tittle span{margin-right:50px}.data_value{color:#fff;font-size:24px;font-style:normal;font-weight:600;text-align:left}