body{margin: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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#282c34}.App{text-align:center;color:#fff}.hourly{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;font-size:calc(10px + 2vmin);color:#fff}.forecastContainer{display:flex;flex-direction:column;align-items:center}.dayContainer{width:100%}button{font-size:calc(8px + 1vmin);-webkit-font-smoothing:antialiased;border:1px solid white;background-color:#282c34;color:#fff;border-radius:5px}.topContainer{background-color:#22252c}table{background-color:#22252c;padding:2vw;border-radius:5px;width:100%}.hourData{padding:.3vw}h1{margin:0;padding:1vh;font-size:calc(10px + 4vmin);display:flex;align-self:center;justify-content:center;background-color:#22252c}.App-header{min-height:15vh;display:flex;align-items:center;justify-content:space-evenly;font-size:calc(10px + 2vmin);color:#fff;padding-left:5vw;padding-right:5vw;background-image:linear-gradient(180deg,#22252c,#282c34)}.headerData{margin-top:2vh;margin-bottom:2vh;padding-top:1px;flex-grow:1;min-height:.1em}.subHeader{display:flex;align-items:flex-start;justify-content:space-evenly;border-bottom:2px solid white;font-size:calc(10px + 2vmin);background-color:#282c34}.daily{margin:0}.dailyContainer{display:flex;align-items:flex-start;justify-content:space-evenly;font-size:calc(10px + 1vmin);margin-top:1vh;margin-bottom:1vh}.loader{width:48px;height:48px;border:5px solid #FFF;border-radius:50%;display:inline-block;box-sizing:border-box;position:relative;animation:pulse 1s linear infinite;margin:10px}.loader:after{content:"";position:absolute;width:48px;height:48px;border:5px solid #FFF;border-radius:50%;display:inline-block;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);animation:scaleUp 1s linear infinite}@keyframes scaleUp{0%{transform:translate(-50%,-50%) scale(0)}60%,to{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%,60%,to{transform:scale(1)}80%{transform:scale(1.2)}}.skeleton{animation:pulseSkeleton 1.5s linear infinite alternate;opacity:.7}.skeleton.text{width:80%;height:1em;border-radius:.3rem;margin-left:10%}.skeleton.small{width:40%;height:1em;border-radius:.3rem;margin-left:30%}@keyframes pulseSkeleton{0%{background-color:#3e424f;filter:drop-shadow(0 0 .25rem #3e424f)}to{background-color:#2e323b;filter:drop-shadow(0 0 .28rem #3e424f)}}