html{font-size:16px}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-weight:100}.weatherPanelWrapper{background-color:#222;height:100vh;background-position:50%;background-repeat:no-repeat;background-size:cover}.currentWeatherPanel{background:hsla(0,0%,78.4%,.6);padding:1rem;height:100%;min-height:450px;display:flex;align-items:center;flex-direction:column}.currentWeatherPanel *{text-shadow:0 0 5px rgba(0,0,0,.25)}.locationHeader{text-align:center;font-size:1.8rem;margin-bottom:1rem}.mainTemperaturePanel{display:inline-block;padding:0 1.5rem .5rem;font-size:1.2rem}.mainTemperaturePanel>span{display:block;text-align:center}.mainTemperaturePanel .averageTemp{font-size:300%;font-weight:300}.loadingScreen{background:#222;color:#eee;height:100vh;width:100vw;position:absolute;top:0;left:0;padding:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.loadingScreen h3{margin-top:1rem}.loadingSpinner{display:inline-block;height:60px;width:60px;border-radius:50%;border-color:#b22222 transparent;border-style:solid;border-width:5px;-webkit-animation:spinning 1s linear 0s infinite;animation:spinning 1s linear 0s infinite}@-webkit-keyframes spinning{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinning{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.e28ac795.chunk.css.map */