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}body{font-family:Arial,sans-serif;margin:0}.weather-app{padding:20px;text-align:center;transition:background-color .3s,color .3s}.loader-container{display:flex;justify-content:center;margin-top:20px}.light-mode{background-color:#fff;background-image:url(https://source.unsplash.com/1600x900?nature,day);background-size:cover;color:#000}.dark-mode{background-color:#121212;background-image:url(https://source.unsplash.com/1600x900?night,sky);background-size:cover}header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}button{background-color:#007bff;background-color:#0056b3;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}button,input{font-size:16px}input{border:1px solid #ccc;border-color:#007bff;border-radius:5px;margin-right:10px;outline:none;padding:10px}form{gap:10px}.weather-list,form{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.weather-list{gap:20px}.weather-info{align-items:center;background-color:#ffffff1a;border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;max-width:250px;padding:20px;transition:background-color .3s;width:100%}.weather-info.clear-sky{background-color:#b3e0ff}.weather-info.few-clouds{background-color:#f0f0f5}.weather-info.scattered-clouds{background-color:#d9e4f5}.weather-info.rain{background-color:#a4c2f4}.weather-info.thunderstorm{background-color:#535353;color:#fff}.weather-info.snow{background-color:#e0f5ff}.weather-info.other-weather{background-color:#e6e6e6}.weather-info.default-icon{background-color:#ffffff1a}.dark-mode .weather-info{background-color:#fff3}.weather-info button{border:none;border-radius:5px;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 20px}.weather-info .favorite-button{background-color:#28a745;background-color:#218838;color:#fff}.weather-info .remove-button{background-color:#dc3545;background-color:#c82333;color:#fff}.error-message{color:red;text-align:center}.controls{align-items:center;display:flex;gap:10px;margin-top:20px}.controls button{background-color:#007bff;background-color:#0056b3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.controls label{align-items:center;display:flex;margin-right:20px}.favorites{background-color:#ffffff1a;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:20px auto;max-width:600px;padding:20px;text-align:center}.favorite-city{align-items:center;background-color:#fff3;border-radius:5px;box-shadow:0 0 5px #0000001a;display:flex;justify-content:space-between;margin:10px 0;padding:10px}.favorite-city:hover{background-color:#ffffff4d}.favorite-city .city-name{font-size:1.2rem;font-weight:700}.favorite-city .temperature{font-size:1.1rem}.forecast-chart{margin:20px auto;max-width:600px;text-align:center;width:100%}.weather-maps{display:flex;gap:20px;justify-content:center;margin-top:20px}.weather-maps img{height:auto;max-width:100%}.air-quality{margin:20px auto;max-width:600px;text-align:center}.severe-alerts{margin-top:20px}.weather-recommendations{margin:20px auto;max-width:600px;text-align:center}.footer{background-color:#f8f9fa;bottom:0;margin-top:20px;padding:10px 0;position:fixed;text-align:center;width:100%}.footer p{font-size:14px;margin:0;text-align:center}.main-heading{color:#4caf50;font-size:36px;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px #0003}.light-mode .main-heading{color:#4caf50}.dark-mode .main-heading{color:#8bc34a}.header-icon{display:flex;flex-direction:row;justify-content:flex-start;margin-left:20px}@media (max-width:600px){.weather-info{width:100%}form{flex-direction:column}input{margin-bottom:10px;margin-right:0}.controls{flex-direction:column;gap:5px}.controls button{width:100%}.controls input[type=checkbox]{margin-top:10px}header{flex-direction:column;gap:10px}.favorites{padding:10px}.favorite-city{align-items:center;flex-direction:column;text-align:center}.favorite-city .city-name{margin-bottom:5px}}.aqi-container{background-color:#4caf501a;border:2px solid #4caf50;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:20px;padding:20px;text-align:center;transition:background-color .3s}.aqi-container:hover{background-color:#4caf504d}.dark-mode{color:#fff}.light-mode{color:#333}.aqi-info{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:20px}.aqi-value{border-radius:10px;color:#fff;font-size:2rem;padding:15px 20px;text-shadow:1px 1px 1px #0003}.pollutants{text-align:left}.pollutants p{font-size:1.2rem;margin:8px 0}.health-advisory{margin-top:20px;text-align:left}.health-advisory p{font-weight:700;margin-bottom:10px}.health-advisory ul{padding-left:20px}.health-advisory li{color:#333;font-size:1.1rem;line-height:1.4;margin-bottom:8px}.health-advisory li:before{color:#4caf50;content:"•";display:inline-block;font-weight:700;margin-left:-1em;width:1em}
/*# sourceMappingURL=main.7843017c.css.map*/