#root,.root{margin:0;padding:0;width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-size:10px;width:100%}.container{box-shadow:0 0 20px #cbbbf8;font-size:1.4rem;margin:2em auto;text-align:center}.app-title{background-color:#cbbbf8;padding:.2em;text-align:center}h1.app-title{font-size:2rem;margin:0;padding:.4em}@media (max-width:968px){.container{min-width:80%}}@media (max-width:768px){.App{box-shadow:none}.container{min-width:100%}}@media (max-width:628px){.container{padding:0}}.Weather{border:1px solid #e3e1e1;height:25rem;margin:0 auto;padding:2em}form{display:flex;justify-content:space-between}.Weather form input[type=text]{height:3em;padding-left:1em;width:80%}.Weather form input[type=submit]{background-color:#cbbbf8;border:none;border-radius:4px;color:#000;font-size:.7em;height:3em;margin:auto 0 auto 1em;width:20%}.Weather .weather-summary{color:#70757a;display:flex;justify-content:space-between;margin:3em auto}.Weather .weather-details{display:flex;font-size:1rem}.Weather .weather-details-phw{font-size:.9rem;padding:1em 0 0 1em}.Weather .part-one{text-align:left}.Weather .part-two{display:flex;flex-direction:column;text-align:right}.weather-summary .part-two .city-name{color:#222;font-size:1.4rem;margin-top:0}.Weather .weather-summary canvas{height:4em;width:100%}.Weather .weather-summary .temperature{color:#222;font-size:3rem;margin-left:.2em}.weather-summary .temperature-unit{display:flex;margin:0 .4em;padding-top:.7em}@media (max-width:628px){.Weather{border:none;height:auto;min-width:80%;padding:0}.Weather .weather-summary,form{padding:0 8px}.Weather .weather-summary .temperature{font-size:2rem}.Weather .weather-details-phw{padding-top:.7em}.Weather .weather-summary canvas{height:auto}.weather-summary .part-two .city-name{font-size:1em}}.WeatherTemperature{display:flex}.ForecastDaily .icon{margin:10px 0}.ForecastDaily .minTemp{opacity:.6}@media (max-width:628px){.ForecastDaily .day{font-size:.9rem}.ForecastDaily .icon canvas{height:1.5em;width:auto}.ForecastDaily .maxTemp,.ForecastDaily .minTemp{font-size:.7rem}}.WeatherForecast{align-items:center;display:flex;justify-content:space-between;padding:0 8px}.Footer{font-size:1rem;width:100%}.container{width:70%}.Footer p{align-items:center;background:#cbbbf8;bottom:0;display:flex;height:2em;justify-content:center;margin:0;position:fixed;text-align:center;width:100%}@media (max-width:628px){.Footer{background-color:red;display:inline}.Footer p{display:inherit;font-size:.9em;height:auto;padding:2px}}
/*# sourceMappingURL=main.067f1c8e.css.map*/