body{font-family:Segoe UI,sans-serif;margin:0}.App{border-radius:12px;box-shadow:0 4px 12px #ffc0cb80;margin:3rem auto;max-width:500px;padding:2rem;text-align:center;transition:background .5s ease}.App:not(.clear):not(.clouds):not(.rain):not(.snow){background:linear-gradient(to bottom right,#ffd6e8,#ffe6f0)}.App.clear{background:linear-gradient(to bottom right,#fff5e1,#ffe4b5)}.App.clouds{background:linear-gradient(to bottom right,#d3d3d3,#f0f0f0)}.App.rain{background:linear-gradient(to bottom right,#a1c4fd,#c2e9fb)}.App.snow{background:linear-gradient(to bottom right,#e0f7fa,#fff)}h1{color:#d63384;font-size:2rem;margin-bottom:1rem}form{margin-bottom:1.5rem}input{border:2px solid #ffb6c1;border-radius:8px;margin-right:.5rem}button,input{font-size:1rem;padding:.5rem 1rem}button{background-color:#ff69b4;border:none;border-radius:8px;color:#fff;cursor:pointer}button:hover{background-color:#e754a1}.weather-result{margin-top:1.5rem}.description{color:#6a1b9a;font-size:1.2rem;text-transform:capitalize}.weather-result img{height:80px;margin-top:.5rem;width:80px}.temp{color:#ad1457;font-weight:700}
/*# sourceMappingURL=main.014e5591.css.map*/