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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#f0e4e4,#2c3e50);background-image:url(/static/media/storm-stormy-ocean-blue-wallpaper-preview.a447e96dc3ee874c96d5.jpg);background-size:cover;color:#f8f4f4;display:flex;height:100vh;justify-content:center}.App{background:#16141480;border-radius:10px;box-shadow:0 10px 20px #0000004d;max-width:500px;padding:20px;text-align:center;width:100%}h1{color:#f1f2f3;font-size:2.5rem;margin-bottom:20px;text-shadow:2px 2px 5px #b5f1f580}.search-container{.search-container{align-items:center;display:flex;flex-direction:column;margin-bottom:30px;position:relative}}input{background:#6e7881;border:none;border-radius:5px;color:#f7e9e9;font-size:1.1rem;margin-right:10px;padding:12px 20px;transition:background-color .3s ease;width:75%}input:focus{background-color:#524f4f;color:#f7f5f5;outline:none}.search-button{background-color:#1e90ff;border:none;border-radius:5px;color:#1a1919;cursor:pointer;font-size:1.1rem;margin-top:20px;padding:12px 20px;transition:background-color .3s ease}button:hover{background-color:#0c5896}.error-text,.loading-text{color:#fc0;font-size:1.2rem}.weather-container{background:#999595b3;border-radius:10px;box-shadow:0 10px 20px #00000080;color:#f7edf2;font-weight:700;margin-top:20px;padding:20px}.weather-container h2{color:#fc0;font-size:2rem;margin-bottom:10px}.weather-info{color:#f7f0f0;font-size:1.2rem;font-weight:700;margin:5px 0}@media (max-width:600px){.App{padding:15px}h1{color:#fff;font-size:2rem}.search-container input{width:60%}.weather-container{padding:15px}}.forecast-container{background:hsla(0,1%,45%,.925);border-radius:10px;box-shadow:0 10px 20px #00000080;color:#fff;display:flex;justify-content:space-around;margin-top:20px;padding:20px}.forecast-block{align-items:center;background:#ffffff1a;border-radius:10px;box-shadow:0 5px 10px #0003;display:flex;flex-direction:column;margin:5px;padding:10px;text-align:center;transition:transform .2s ease;width:100px}.forecast-block:hover{transform:translateY(-5px)}.forecast-icon{height:50px;margin:10px 0;width:50px}.forecast-date{font-size:.9rem;font-weight:700}.forecast-temp{font-size:1.2rem;font-weight:700;margin:5px 0}.forecast-description{font-size:.8rem;text-transform:capitalize}.forecast-day{border-bottom:1px solid #ffffff4d;font-size:1.2rem;margin:10px 0;padding-bottom:10px;text-align:left}.forecast-day:last-child{border-bottom:none}.suggestions-list{background:#6e7881;border-radius:5px;box-shadow:0 4px 8px #8fb3e7;color:#fff;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0;position:absolute;width:50%;z-index:10}.suggestions-list li{cursor:pointer;padding:10px;transition:background .2s ease}.suggestions-list li:hover{background:#0000001a}
/*# sourceMappingURL=main.f5a661e1.css.map*/