:root{--color-a:#ffde7d;--color-b:#00b8a9;--color-c:#f6416c;--color-d:#1a535c}.App{border-color:var(--color-a);color:var(--color-b);display:block;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;text-align:center;margin:0 auto;max-width:600px}.GeneralData h1{display:inline}.GeneralData .country{font-size:small;font-style:italic}.WeatherIcon canvas{margin:auto;display:block}.WeatherForecastHours .description:first-letter{text-transform:capitalize}.WeatherForecastHours .temperature{color:var(--color-d);font-weight:600}.WeatherForecastDays .description:first-letter{text-transform:capitalize}.WeatherForecastDays .temperature-max{color:var(--color-d);font-weight:600}.WeatherForecastDays .temperature-min{margin-left:5px}.WeatherInfo h2{color:var(--color-c);font-size:18px;font-weight:500;margin:0}.WeatherInfo p{margin:0}.WeatherInfo ul{list-style-type:none;margin:0;padding:0}.WeatherInfo ul:first-letter{text-transform:capitalize}.WeatherInfo hr{margin:11px}.WeatherInfo .row{--bs-gutter-x:5px}.WeatherInfo .card-today h2 strong{font-size:65px;line-height:.9}.WeatherInfo .weather-icons{height:16px}.Weather .card-body{padding:5px}.Weather button.btn-location,.Weather button.btn-search,.Weather input{margin:0 5px 0 0}.Weather .card{margin:5px 0;width:100%}.Weather .card,.Weather .city-input,.Weather .city-input:focus{border-color:var(--color-a)}.Weather .city-input:focus{box-shadow:0 0 0 .2rem rgba(255,222,125,.25)}.Weather .location-icons{height:25px}.Weather .btn-search{border-color:var(--color-c);color:var(--color-c)}.Weather .btn-search:hover{background:rgba(246,65,107,.15);border-color:var(--color-c);transition:all .5s ease}.Weather .btn-search:active{border-color:var(--color-c);background:var(--color-c)}.Weather .btn-search:focus{box-shadow:0 0 0 .2rem rgba(246,65,108,.25)}.Weather .btn-location{border-color:var(--color-b);color:var(--color-b)}.Weather .btn-location:hover{background:rgba(66,139,133,.15);border-color:var(--color-b);transition:all .5s ease}.Weather .btn-location:active{border-color:var(--color-b);background:var(--color-b)}.Weather .btn-location:focus{box-shadow:0 0 0 .2rem rgba(0,184,169,.25)}.Weather .card-footer{background-color:#f8f3d4;border-top:1px solid var(--color-a);display:block;font-size:small}.Weather .footer-link,.Weather .footer-link:visited{color:var(--color-d)}
/*# sourceMappingURL=main.a22b396f.chunk.css.map */