body{background-color:#000;color:#fff}h1{font-size:5rem}ul{padding:0}li{font-size:4rem;margin-bottom:3px;font-weight:700}small{font-size:3rem}// WeatherComponent.css .weather-container{font-family:Arial,sans-serif;width:100%;max-width:2000px;background-color:#f9f9f9;border-radius:20px;box-shadow:0 12px 24px #0000004d}.weather-report{display:flex;justify-content:space-evenly}.weather-card{background-color:#fff;border:2px solid #ddd;border-radius:20px;text-align:center;width:100%;max-width:900px;box-shadow:0 12px 24px #0000004d;color:#000}.weather-main{display:flex;align-items:center;justify-content:space-evenly}.weather-icon{width:300px;height:300px}.weather-info{text-align:left}.weather-detail{font-size:3em;font-weight:700;color:#000}.temperature{font-size:2.5em;color:#000}.rain-chance-title{font-weight:700;font-size:1em;color:#000}.rain-chance-list{list-style-type:none;padding:0;font-size:10px;color:#000;display:flex;justify-content:space-around}.loading,.error{text-align:center;font-size:3em;color:#000}.weather-description{text-align:center;font-size:2em;background-color:#fff;padding:50px;border-radius:20px;box-shadow:0 12px 24px #0000004d;color:#000}
