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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.CurrentWeather{margin-bottom:30px}.weather-header h1{color:#1a202c;font-size:38px;font-weight:700;line-height:1.2;margin:0}.text-muted{color:#718096;font-size:14px;margin-bottom:20px;margin-top:5px}.weather-details-grid{border-bottom:1px solid #e2e8f0;padding-bottom:30px}.temperature{color:#3182ce}.unit{font-weight:500}.metrics-section ul{font-size:16px}.text-capitalize{text-transform:capitalize}@media (max-width:600px){.weather-details-grid{align-items:flex-start;flex-direction:column;gap:20px}}.WeatherForecast{border-top:1px solid #e2e8f0;margin-top:40px;padding-top:20px}.forecast-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(7,1fr);text-align:center}@media (max-width:600px){.forecast-grid{grid-template-columns:repeat(4,1fr);row-gap:20px}}.WeatherForecastDay{padding:10px 0;text-align:center;transition:transform .2s ease-in-out}.WeatherForecastDay:hover{transform:translateY(-3px)}.forecast-time{color:#718096;font-size:15px;font-weight:500}.forecast-icon,.forecast-time{margin-bottom:12px}.forecast-temperatures{font-size:15px;letter-spacing:.5px}.forecast-temperature-max{color:#1a202c;font-weight:700}.forecast-temperature-min{color:#a0aec0;margin-left:8px}.WeatherApp{font-family:Inter,sans-serif;margin:60px auto;max-width:600px}.app-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;padding:30px}.search-form{display:flex;gap:10px;margin-bottom:30px}.search-input{border:1px solid #e2e8f0;border-radius:8px;flex-grow:1;font-size:16px;outline:none;padding:12px 15px;transition:border .2s ease-in-out}.search-input:focus{border-color:#3182ce}.search-button{background-color:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:background-color .2s}.search-button:hover{background-color:#2b6cb0}.weather-details-grid{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.temperature-section{align-items:center;display:flex;gap:15px}.temperature{color:#1a202c;font-size:64px;font-weight:700;line-height:1}.unit{color:#718096;font-size:24px;margin-top:10px;vertical-align:top}.metrics-section ul{color:#4a5568;line-height:1.8;list-style:none;margin:0;padding:0}body{background:linear-gradient(135deg,#89f7fe,#66a6ff);background-attachment:fixed;color:#333;font-family:Inter,sans-serif;margin:0}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.container{max-width:600px;width:100%}
/*# sourceMappingURL=main.e7c01acc.css.map*/