.WeatherCardPro .WeatherCardPro{margin-top:20px;padding:25px;border-radius:15px;background:#0006;color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.WeatherTop{display:flex;justify-content:space-between;align-items:center}.WeatherTop img{width:80px}.WeatherTemp{font-size:48px;font-weight:700;margin:10px 0}.WeatherDesc{text-transform:capitalize;margin-bottom:20px}.WeatherDetails{display:flex;justify-content:space-between}.WeatherDetails div{text-align:center}.WeatherDetails span{font-size:12px;opacity:.8}.WeatherDetails p{margin:5px 0 0;font-weight:600}body{margin:0;font-family:Segoe UI,sans-serif}.AppContainer{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(https://images.unsplash.com/photo-1502082553048-f009c37129b9);background-size:cover;background-position:center;overflow:hidden}.AppContainer:before{content:"";position:absolute;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.Clouds{position:absolute;top:0;left:-100%;width:200%;height:100%;background-image:url(https://pngimg.com/uploads/cloud/cloud_PNG27.png);background-repeat:repeat-x;background-size:contain;opacity:.3;animation:moveClouds 60s linear infinite;pointer-events:none}@keyframes moveClouds{0%{transform:translate(0)}to{transform:translate(-50%)}}.MainCard{position:relative;z-index:2;background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:40px;border-radius:20px;width:420px;color:#fff;box-shadow:0 20px 40px #0000004d}.AppTitle{text-align:center;margin-bottom:25px}.SearchForm{display:flex;gap:10px;margin-bottom:25px}