@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{box-sizing:border-box;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;color:#fff}body{background:url(https://images.unsplash.com/photo-1421789665209-c9b2a435e3dc?q=80&w=871&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-repeat:no-repeat;background-size:cover}.main{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh}.weather_section{width:50%;background:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border:2px solid #FFFFFF2E;border-radius:10px;color:#052933;height:400px}form{display:flex;gap:10px}input{background-color:transparent;padding:.5rem;border-radius:10px;outline:none;color:#fff;border:1px solid white;text-transform:capitalize;width:70%}input::placeholder{color:#fff;font-size:16px;opacity:1}input[type=text]{font-size:16px}button{background:linear-gradient(140.14deg,#ec540e 15.05%,#d6361f 114.99%) padding-box,linear-gradient(142.51deg,#ff9465 8.65%,#af1905 88.82%) border-box;border-radius:7px;border:2px solid transparent;text-shadow:1px 1px 1px #00000040;box-shadow:8px 8px 20px #45090059;padding:10px 30px;line-height:20px;cursor:pointer;transition:all .3s;color:#fff;font-size:18px;font-weight:500;width:30%}.mydata{border-radius:20px;margin-top:30px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;height:200px}.left,.right{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:.1}p.wind{display:flex;align-items:center;gap:10px}@media screen and (max-width: 500px){.weather_section{width:auto;height:auto}form{flex-direction:column}input{width:100%}button{width:100%;height:35px}.mydata{flex-direction:column;height:auto;padding-block:20px}}@media screen and (min-width: 500px) and (max-width:799px){.weather_section{width:70%}button{font-size:15px;padding:0}.right{margin-top:-40px}}