.weather-container{font-family:Arial,sans-serif;padding:20px}.weather-info{align-items:center;display:flex;margin-bottom:20px}.weather-icon{height:50px;margin-right:20px;width:50px}.temp-info{display:flex;flex-direction:column}.temp-info p{margin:5px 0}.sun-info{margin-top:20px}.sun-info p{margin:5px 0}.forecast{margin-top:40px}.forecast h2{font-size:1.5rem;margin-bottom:10px}.forecast-list{display:flex;flex-wrap:wrap;gap:10px;list-style-type:none;padding:0}.forecast-item{background:#f4f4f4;border-radius:8px;padding:10px;text-align:center;width:150px}.forecast-item .date{font-weight:700;margin-bottom:5px}.forecast-item .forecast-icon{height:40px;width:40px}.forecast-details{margin-top:10px}.forecast-item .temp{font-size:1.2rem;font-weight:700}.forecast-item .description{color:#777;font-size:.9rem}.loading-container{align-items:center;background-color:#ffffffb3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.e27d7780.css.map*/