*{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;margin:0;padding:0;box-sizing:border-box}.CurrentWeather{background-color:hsla(0,0%,50.2%,.05);font-size:1rem;width:99vw;min-height:100vh;display:grid;grid-template-columns:1fr;grid-template-rows:2fr 1fr 1fr 1fr;grid-template-areas:"temperature" "city" "icon" "summary";justify-items:center;align-items:center}@media only screen and (min-width:500px){.CurrentWeather{font-size:1.5rem}}@media only screen and (min-aspect-ratio:1){.CurrentWeather{font-size:1.25rem}}@media only screen and (min-width:768px){.CurrentWeather{font-size:1.5rem}}@media only screen and (min-width:992px){.CurrentWeather{font-size:1.8rem}}@media only screen and (orientation:landscape){.CurrentWeather{grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"temperature icon" "city summary"}}.CurrentWeather .temperature{grid-area:temperature;font-size:6em}.CurrentWeather .city{grid-area:city}.CurrentWeather .city input{overflow:visible;background:transparent;border:0;text-align:center;width:99vw;font-size:3em}@media only screen and (orientation:landscape){.CurrentWeather .city input{width:50vw}}.CurrentWeather .icon{grid-area:icon}.CurrentWeather .summary{grid-area:summary;font-size:1.5em}.WeatherBox{display:flex;overflow-x:scroll}.WeatherBox .Card{flex:1 1;display:flex;flex-direction:column;align-items:stretch;padding:1em;text-align:center;min-width:120px;cursor:pointer}.WeatherBox .Card .Date{font-size:large}.WeatherBox .Card .Icon{font-size:5em;margin-bottom:0;align-self:center}.WeatherBox .Card .Temperature{display:flex;justify-content:space-evenly}.WeatherBox .Card .Summary{font-size:small;color:grey}.WeatherBox .Card:hover{background-color:#d3d3d3}.footer{padding:1em;background-color:hsla(0,0%,50.2%,.05)}
/*# sourceMappingURL=main.e97e6dd3.chunk.css.map */