html,body{font-family:Arial,sans-serif;height:100%;margin:0;padding:0;overflow:hidden;letter-spacing:0}body{background:linear-gradient(to bottom,#87cefa,#f0f8ff);background-size:cover}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0 10px;gap:10px;min-height:100vh;box-sizing:border-box}.current-weather{background:#fff;padding:30px;border-radius:15px;box-shadow:0 0 20px #0000001a;max-width:600px;width:100%;text-align:center;margin-bottom:20px;box-sizing:border-box}.weather-info{font-size:1.5em}.weather-info p,.hourly-weather p{display:flex;align-items:center;gap:10px;justify-content:center}.weather-info i,.hourly-weather i{color:#007bff}.description{text-align:left}h1{font-size:2em;color:#333;margin:0}h2{margin:0}.hourly-forecast{max-width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:10px}.hourly-weather{display:inline-block;background:#f9f9f9;padding:10px;border-radius:10px;box-shadow:0 0 10px #0000000d;width:120px;text-align:center;flex:0 0 auto;scroll-snap-align:start}.hourly-weather p{margin:5px 0;font-size:1em}@media (max-width: 480px){.current-weather{max-width:100%;padding:15px}h1,h2{font-size:1.5em}.weather-info{font-size:1.2em}.hourly-weather{width:90px}.hourly-weather p{font-size:.9em}}