body{background-color:#f0f8ff;font-family:Arial,sans-serif;margin:0;padding:0}.app{flex-direction:column;min-height:100vh;padding:20px;text-align:center;transition:background .5s ease-in-out}.app,.search_section{align-items:center;display:flex;justify-content:center}.search_section{margin-bottom:20px}input[type=text]{margin-right:10px;padding:10px}button,input[type=text]{border:none;border-radius:5px;font-size:16px}button{background-color:#098564;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px;transition:background-color .3s ease}button:hover{background-color:#063c3f}h1{color:#f5f5f5;font-size:3rem;margin-bottom:20px}h2{font-size:2rem;margin-bottom:10px}.weather-display{background:#fffc;border-radius:10px;margin-top:20px;padding:20px;transition:transform .5s ease-in-out}.weather-icon img{height:50px;width:50px}.forecast{margin-top:20px}.forecast-container{display:flex;gap:10px;justify-content:space-around;margin-top:10px;transition:transform .5s ease-in-out}.forecast-item{background:#0000001a;border-radius:5px;padding:10px;text-align:center;transition:transform .3s ease-in-out;width:100px}.forecast-item:hover{transform:scale(1.05)}.default-bg{background:linear-gradient(90deg,#1e3c72,#2a5298)}.sunny-bg{background:linear-gradient(90deg,#fceabb,#f8b500)}.cloudy-bg{background:linear-gradient(90deg,#bdc3c7,#2c3e50)}.rainy-bg{background:linear-gradient(90deg,#4e54c8,#8f94fb)}.snowy-bg{background:linear-gradient(90deg,#e0eafc,#cfdef3)}.stormy-bg{background:linear-gradient(90deg,#0f2027,#203a43,#2c5364)}.cloudy-bg,.rainy-bg,.snowy-bg,.stormy-bg,.sunny-bg{animation:background-transition .5s ease-in-out}@keyframes background-transition{0%{background:#fff}to{background:inherit}}@media (max-width:768px){h2{font-size:1.5rem}h3{font-size:1.2rem}.current-weather img{height:60px;width:60px}.forecast-container{justify-content:center}.forecast-item{margin-bottom:20px;width:45%}}@media (max-width:480px){.search_section{flex-direction:column}button{margin-top:10px}.weather-container{padding:10px}h2{font-size:1.2rem}h3{font-size:1rem}.current-weather img{height:50px;width:50px}.forecast-container{align-items:center;flex-direction:column;width:75vw}.forecast-item{margin-bottom:10px;width:90%}.forecast-item p{font-size:.9rem}}.loading-screen{align-items:center;background-color:#f0f8ff;display:flex;font-size:3rem;font-weight:700;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity 1s ease-out;width:100%}.loading-screen.hide{opacity:0;pointer-events:none}.loading-screen h1{color:#333}
/*# sourceMappingURL=main.72cb0c35.css.map*/