*{box-sizing:border-box;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#00b4db,#0083b0);min-height:100vh;padding:20px}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}.weather-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem;transition:background .5s ease}.weather-bg-default{background:linear-gradient(135deg,#00b4db,#0083b0)}.weather-bg-clear{background:linear-gradient(135deg,#ff8c00,gold);color:#333}.weather-bg-clouds{background:linear-gradient(135deg,#636fa4,#e8cbc0)}.weather-bg-rain{background:linear-gradient(135deg,#373b44,#4286f4);color:#fff}.weather-bg-thunderstorm{background:linear-gradient(135deg,#283e51,#4b79a1);color:#fff}.weather-bg-snow{background:linear-gradient(135deg,#e6dada,#274046)}.weather-bg-atmosphere{background:linear-gradient(135deg,#757f9a,#d7dde8)}.weather-bg-rain .forecast-card:not(.current),.weather-bg-thunderstorm .forecast-card:not(.current){background:#ffffffe6}.weather-bg-clear .forecast-card.current{background:linear-gradient(135deg,#ff8c00,orange)}.weather-bg-rain .forecast-card.current{background:linear-gradient(135deg,#4286f4,#373b44)}.weather-bg-thunderstorm .forecast-card.current{background:linear-gradient(135deg,#4b79a1,#283e51)}.weather-bg-snow .forecast-card.current{background:linear-gradient(135deg,#274046,#e6dada)}.weather-bg-clouds .forecast-card.current{background:linear-gradient(135deg,#757f9a,#d7dde8)}.weather-bg-atmosphere .forecast-card.current{background:linear-gradient(135deg,#636fa4,#e8cbc0)}.search-form{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.city-input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.75rem;width:300px}.search-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .2s}.search-button:hover:not(:disabled){background-color:#0056b3}.search-button:disabled{background-color:#ccc;cursor:not-allowed}.city-title{color:#333;margin-bottom:2rem;text-align:center}.current-weather{margin-bottom:3rem}.current-weather h2,.forecast-section h2{color:#444;margin-bottom:1.5rem;text-align:center}.forecast-card.current{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;margin:0 auto;max-width:400px}.forecast-card.current .temperature .temp-main{font-size:2.5rem}.forecast-card.current .weather-details{color:#ffffffe6}.forecast-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.forecast-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;text-align:center;transition:transform .2s}.forecast-card:hover{transform:translateY(-5px)}.forecast-card h3{color:#444;margin-bottom:1rem}.weather-icon-container,.weather-info-item-content{align-items:center;display:flex;flex-direction:column}.weather-icon-container{margin:.5rem 0;position:relative}.cloud-coverage{align-items:center;background:#ffffffe6;border-radius:15px;box-shadow:0 2px 4px #0000001a;color:#666;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem;padding:.25rem .75rem}.forecast-card.current .cloud-coverage{background:#fff3;color:#fff}.weather-description{background:#ffffff1a;border-radius:4px;font-size:1.1rem;font-weight:500;margin:.5rem 0;padding:.5rem}.weather-icon{animation:floatIcon 3s ease-in-out infinite;height:100px;transition:transform .3s ease;width:100px}.weather-bg-clouds .weather-icon{animation:cloudFloat 4s ease-in-out infinite}@keyframes cloudFloat{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(-5px) translateY(-5px)}50%{transform:translateX(5px) translateY(-8px)}75%{transform:translateX(-3px) translateY(-3px)}}.temperature{margin:1rem 0}.temp-main{font-size:2rem;font-weight:700;margin:0}.temp-feel{color:#666;margin:.5rem 0}.weather-details{color:#555}.weather-details p{margin:.5rem 0;text-transform:capitalize}.loading-container{padding:2rem;text-align:center}.loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin:1rem auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#dc3545;margin:1rem 0;padding:2rem;text-align:center}.error-container ul{list-style-type:none;margin-top:1rem;padding:0}.error-container li{margin:.5rem 0}@media (max-width:768px){.weather-container{padding:1rem}.search-form{align-items:center;flex-direction:column}.city-input{max-width:300px;width:100%}.forecast-grid{gap:1rem;grid-template-columns:1fr}.forecast-card{margin:0 auto;max-width:300px}}.weather-info{border-top:1px solid #fff3;display:flex;gap:2rem;justify-content:center;margin-top:1rem;padding-top:1rem}.weather-info-item{align-items:center;display:flex;gap:.5rem}.weather-info-item i{font-size:1.2rem;text-align:center;width:1.5rem}.weather-info-item span{font-size:1rem}.forecast-card:not(.current) .weather-info{border-top-color:#0000001a}.forecast-card:not(.current) .weather-info-item i{color:#007bff}.forecast-card.current .weather-info-item i{color:#ffffffe6}
/*# sourceMappingURL=main.42cdf9e7.css.map*/