@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#74ebd5,#acb6e5);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh}.App{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:50px auto;max-width:600px;padding:2rem;text-align:center;transition:all .3s ease;width:90%}.App.sunny{background:linear-gradient(135deg,#f6d365,#fda085)}.App.cloudy{background:linear-gradient(135deg,#bdc3c7,#2c3e50)}.App.rain{background:linear-gradient(135deg,#4b79a1,#283e51)}h1{color:#333;font-size:2.5rem;font-weight:600}form,h1{margin-bottom:1.5rem}form{display:flex;gap:1rem}input{border:2px solid #ddd;border-radius:8px;flex:1 1;font-size:16px;padding:10px;transition:border-color .3s ease,box-shadow .3s ease}input:focus{border-color:#74ebd5;box-shadow:0 0 8px #74ebd54d;outline:none}button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:transform .2s ease,background-color .3s ease}button:hover:not(:disabled){background-color:#0056b3;transform:scale(1.05)}button:disabled{background-color:#ccc;cursor:not-allowed}.error{animation:shake .3s ease;background:#ffe6e6;border-radius:8px;color:#e74c3c;font-size:.9rem;margin:1rem 0;padding:.5rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#74ebd5;height:40px;margin:1rem auto;width:40px}.weather-info{animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;margin-top:20px;padding:20px}.weather-info h2{color:#2c3e50;font-size:1.8rem;margin-bottom:1rem}.weather-info p{color:#34495e;font-size:1rem;margin:.5rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.weather-info svg{color:#2c3e50;margin:.5rem auto}@media (max-width:600px){.App{margin:20px auto;padding:1.5rem}h1{font-size:2rem}form{flex-direction:column;gap:.5rem}button,input{width:100%}}
/*# sourceMappingURL=main.b6a898b3.css.map*/