body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#87ceeb,#b0e0e6 50%,#add8e6);color:#f8f9fa;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:.5px;padding:20px;text-transform:uppercase}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;text-transform:none}.Weather{background:linear-gradient(135deg,#4682b4,#5f9ea0);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);font-family:Montserrat,sans-serif;margin:0 auto;max-width:800px;padding:20px}.Weather form{margin-bottom:20px}.Weather h1{font-size:24px;font-weight:100;line-height:29px;margin:0;padding:0;text-align:center}.Weather ul{list-style:none;margin:0;padding:0}.Weather li{font-size:16px;font-weight:100;line-height:19px}.Weather .temperature{color:#212121;font-size:64px;font-weight:700;font-weight:400;line-height:64px;text-align:center}.WeatherTemperature{margin:0 auto;width:140px}.Weather .unit{color:#212121;font-size:16px;font-weight:400;line-height:1;position:relative;top:-34px}.Weather .unit a{color:#212121;text-decoration:none}.Weather .unit a:hover{text-decoration:underline}.Weather .btn{background-color:#0d6efd;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s;width:100%}.Weather .btn:hover{background-color:#0b5ed7}.WeatherInfo{margin:0 auto;max-width:500px;width:100%}.Weather .form-control{background-color:hsla(0,0%,100%,.9);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:16px;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.Weather .form-control::-webkit-input-placeholder{letter-spacing:normal;text-transform:none}.Weather .form-control::placeholder{letter-spacing:normal;text-transform:none}.Weather .form-control:focus{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);outline:none}.Weather .btn-primary{background-color:#fff;border:none;border-radius:8px;color:#1e3c72;font-size:16px;font-weight:600;letter-spacing:1px;margin-left:10px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.Weather .btn-primary:hover{background-color:#f8f9fa;box-shadow:0 4px 12px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.Weather .btn-primary:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;-webkit-transform:none;transform:none}.Weather .error-message{color:#ff6b6b}.Weather .error-message,.Weather .loading-message{font-size:14px;letter-spacing:.5px;margin-top:8px;text-shadow:none;text-transform:uppercase}.Weather .loading-message{color:#4caf50}.weather-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);margin-top:20px;padding:30px}.search-container{display:flex;gap:10px;margin-bottom:20px}.search-input{border:1px solid #dadde1;border-radius:4px;flex:1 1;font-size:16px;outline:none;padding:8px 12px}.search-input:focus{border-color:#0d6efd;box-shadow:0 0 0 2px rgba(13,110,253,.25)}.search-button{background-color:#0d6efd;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;transition:background-color .3s}.search-button:hover{background-color:#0b5ed7}@media (max-width:576px){.Weather{padding:15px}.Weather .form-control{font-size:14px;padding:10px 15px}.Weather .btn-primary{font-size:14px;padding:10px 20px}.weather-container{padding:20px}}.WeatherInfo{font-family:Poppins,sans-serif;margin-bottom:30px;text-align:center}.WeatherInfo h1{color:#fff;font-size:36px;font-weight:600;letter-spacing:-.5px;margin-bottom:15px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.WeatherInfo .weather-description{color:#fff;font-size:20px;font-weight:300;letter-spacing:.5px;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.2);text-transform:capitalize}.WeatherInfo .weather-temperature{margin:20px 0}.WeatherInfo .weather-temperature img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);height:64px;margin-right:15px;width:64px}.WeatherInfo .weather-temperature strong{color:#fff;font-size:48px;font-weight:600;letter-spacing:-1px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.WeatherInfo .weather-temperature .units{color:#fff;font-size:24px;font-weight:300;margin-left:5px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.WeatherInfo ul{list-style:none;margin:0;padding:0;text-align:left}.WeatherInfo li{color:#fff;font-size:16px;font-weight:300;letter-spacing:.3px;margin:10px 0;text-shadow:1px 1px 2px rgba(0,0,0,.2)}@media (max-width:576px){.WeatherInfo h1{font-size:32px}.WeatherInfo .weather-temperature strong{font-size:40px}.WeatherInfo .weather-temperature .units{font-size:20px}}.WeatherForecast{font-family:Montserrat,sans-serif;text-align:center}.WeatherForecast h3{color:#fff;font-weight:500;letter-spacing:-.5px;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.WeatherForecast .row{display:flex;justify-content:space-between;margin:0 -10px}.WeatherForecast .col{background:hsla(0,0%,100%,.1);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);flex:1 1;margin:5px;min-width:0;padding:15px}.WeatherForecast-day{color:#fff;font-size:16px;font-weight:500;letter-spacing:.3px;margin-bottom:8px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.WeatherForecast img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);height:64px;margin:8px 0;width:64px}.WeatherForecast-temperatures{color:#fff;font-size:14px;font-weight:300;letter-spacing:.3px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.WeatherForecast-temperature-max{font-weight:600;margin-right:8px}.WeatherForecast-temperature-min{font-weight:300;opacity:.8}.WeatherForecast-details{color:#fff;font-size:12px;font-weight:300;letter-spacing:.3px;margin-top:8px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}@media (max-width:768px){.WeatherForecast .row{flex-wrap:wrap;justify-content:center}.WeatherForecast .col{flex:0 0 33.333333%;max-width:33.333333%}}@media (max-width:576px){.WeatherForecast .col{flex:0 0 50%;max-width:50%}.WeatherForecast img{height:48px;width:48px}}.App{font-family:sans-serif;margin:0 auto;max-width:800px;padding:20px;text-align:center}body{background-image:url(/static/media/kumo.ff2f9628593df3ca0661.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Helvetica,Arial,sans-serif;margin:0;min-height:100vh;padding:0}form{margin:0 auto;max-width:600px;padding:20px}.btn{background:#fff;border:1px solid #add8e6;border-radius:10px;color:#000;cursor:pointer;padding:8px 16px;transition:all .2s ease}.btn:hover{background:#add8e6;color:#fff}.search-form{margin-bottom:30px;width:100%}.overview{margin-bottom:30px;text-align:center}ul{line-height:1;right:-170px;top:-75px;width:-webkit-max-content;width:max-content}li,ul{position:relative}li{display:list-item;list-style:none;right:75px;top:85px}.weather{display:block;margin:0 auto;text-align:center}.weather img{display:block;margin-top:-50px}
/*# sourceMappingURL=main.b8ccdd13.css.map*/