body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-image:url(https://images.unsplash.com/photo-1569241095162-e3b9a583b9d3?q=80&w=1332&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-repeat:no-repeat;background-size:cover;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:1rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.wrapper{background:#ffffff4d;border-radius:1.5rem;box-shadow:0 4px 6px #0000001a;color:#000;margin:1rem auto;max-width:500px;padding:2rem;width:calc(100% - 2rem)}.header{color:#000;text-align:center}.city{font-size:2.5rem;font-weight:700}.temperature{font-size:3.5rem;font-weight:700}.condition{font-size:1.25rem}.weather-details{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.forecast{border-top:1px solid #fff3;padding-top:2rem}.forecast-header{font-size:1.5rem;font-weight:700}.forecast-days{display:flex;flex-wrap:nowrap;justify-content:space-between}.forecast-day{flex:1 1 120px;font-weight:700;min-width:0;padding:.5rem;text-align:center}.forecast-condition,.forecast-temp{font-size:.875rem}.form{align-items:center;background-color:#ffffff4d;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;margin:5px auto;max-width:400px;padding:15px;text-align:center}.search-input{background-color:#fff3;border:1px solid #fffc;border-radius:6px 0 0 6px;flex:1 1;font-size:16px;outline:none;padding:10px;transition:border-color .3s ease}.search-input::placeholder{color:#ffffffb3}.search-input:focus{border-color:#3b82f6}.search-btn{background-color:#151515;border:none;border-radius:0 6px 6px 0;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s ease}@media (max-width:600px){.wrapper{border-radius:1rem;max-width:70%;padding:1.5rem}.city{font-size:2rem}.temperature{font-size:2.5rem}.condition{font-size:1rem}.forecast-header{font-size:1.25rem}.form{padding:1rem auto}.search-input{margin-left:3%;width:70%}.search-btn,.search-input{font-size:14px;padding:8px 12px}.search-btn{margin-right:3%;width:30%}}
/*# sourceMappingURL=main.f7dcf10e.css.map*/