:root{--primary-colour:#212529;--secondary-color:#424649;--accent-colour:#007bff;--font-family:"Outfit",sans-serif}.App{max-width:600px;margin:20px auto}.App footer{font-size:13px;margin:10px 0}.App footer,.App footer a{color:var(--secondary-color)}.App footer a{text-decoration:none;transition:.15s ease-in-out}.App footer a:hover{color:var(--accent-colour)}.WeatherForecast{margin-top:20px}.WeatherForecast-day{color:var(--primary-colour);font-size:20px}.WeatherForecast-temperatures{color:var(--primary-colour);font-size:18px}.WeatherForecast-temperature-min{color:var(--secondary-color);margin-left:16px}.WeatherForecast-col{text-align:center;margin-top:10px;padding:10px;border-radius:6px;background:hsla(0,0%,100%,.1)}body{font-family:var(--font-family);background:radial-gradient(827px at 47.3% 48%,#f9f9f9 0,#acdcee 90%);background-size:400% 400%;animation:Gradient 15s ease infinite}@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.Weather{max-width:600px;margin-top:30px;padding:30px;background:linear-gradient(rgba(0,0,0,.058823529411764705),rgba(0,0,0,.058823529411764705));border-radius:6px}input.form-control{color:var(--secondary-color);border:none;background:hsla(0,0%,100%,.1);margin-bottom:10px}input.form-control:focus{border-color:#f9f9f9;background:hsla(0,0%,100%,.1)}h1{color:var(--primary-colour);font-size:48px;font-weight:700;line-height:40px;margin:30px 0 10px}.Weather .date{color:var(--accent-colour)}.Weather ul{padding:0}.Weather li{font-size:18px;line-height:36px;list-style:none}.Weather canvas{margin:20px auto}.Weather .temperature{color:var(--primary-colour);font-size:60px;font-weight:700;line-height:64px}.Weather .unit{color:var(--primary-colour);font-size:20px;line-height:1;text-decoration:none;position:relative;margin-left:10px;top:-28px}.Weather .unit a{color:var(--accent-colour);text-decoration:none}.Weather .description{color:var(--secondary-color);font-size:18px;line-height:1;margin-top:14px}.unit-toggle{background:none;border:none;color:#007bff;cursor:pointer;padding:0;font:inherit}.unit-toggle:hover{color:#0056b3}
/*# sourceMappingURL=main.8fa57a7b.chunk.css.map */