@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes panBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body{color:#333;font-family:Poppins,sans-serif;margin:0}.app-container{align-items:center;animation:panBackground 45s linear infinite;background-position:50%;background-size:150% 150%;display:flex;justify-content:center;min-height:100vh;transition:background-image 1s ease-in-out;width:100%}.app-container.default{background-image:url(/static/media/image1.f638357c9bc93ba79a80.png)}.app-container.clear{background-image:url(/static/media/image2.70cdfc56fa6933860d9e.png)}.app-container.clouds{background-image:url(/static/media/image1.f638357c9bc93ba79a80.png)}.app-container.rain{background-image:url(/static/media/rain.aa47f2fe90124dff65e8.png)}.app-container.thunderstorm{background-image:url(/static/media/thunderstorm.5ad78a4ea7abe0a32688.png)}.app-container.snow{background-image:url(/static/media/snow.408f8c8baf3c168b9964.png)}.app-container.haze{background-image:url(/static/media/haze.189dca2e35ae45a4b159.png)}.weather-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e;max-width:450px;padding:30px 40px;text-align:center;width:100%}h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0}.subtitle{color:#555;font-weight:300;margin-top:5px}form{display:flex;gap:10px;margin:25px 0}input{background:#ffffff80;border:1px solid #ffffff4d;border-radius:15px;color:#333;flex-grow:1;font-size:1rem;outline:none;padding:15px}input::placeholder{color:#666}button{background-color:#3498db;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 20px;transition:background-color .3s ease}button:hover{background-color:#2980b9}.error-message{background-color:#ffffff80;border-radius:10px;color:#e74c3c;font-weight:600;padding:10px}.error-message,.weather-info{margin-top:20px}.weather-info h2{color:#2c3e50;font-size:2rem;margin-bottom:10px}.weather-details{align-items:center;display:flex;gap:10px;justify-content:center}.weather-details img{height:100px;width:100px}.temperature{color:#2c3e50;font-size:4rem;font-weight:700;margin:0}.description{color:#555;font-size:1.5rem;margin-top:20px;text-transform:capitalize}.extra-details{background:#0000001a;border-radius:15px;display:flex;font-weight:300;justify-content:space-around;margin-top:20px;padding:15px}
/*# sourceMappingURL=main.95075f85.css.map*/