body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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{text-align:center}.body{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.current-weather{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:98vw}.hero{background:darken(#eff3f9,20%);border-radius:5px;box-shadow:0 2px 30px rgba(black,.2);height:25vh;min-height:400px;min-width:200px;overflow:hidden;position:relative;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);width:17vw}.hero-wave{-webkit-animation:drift 3s linear infinite;animation:drift 3s linear infinite;background:#fff;border-radius:43%;height:500px;left:50%;margin-left:-250px;margin-top:-250px;opacity:.3;position:absolute;top:120%;-webkit-transform-origin:50% 48%;transform-origin:50% 48%;width:500px;z-index:1}.hero-wave.-three{-webkit-animation:drift 5s linear infinite;animation:drift 5s linear infinite;opacity:.2;z-index:2!important}.hero-wave.-two{-webkit-animation:drift 7s linear infinite;animation:drift 7s linear infinite;opacity:.1;z-index:3!important}.hero:after{content:"";display:block;height:100%;left:0;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:11}@-webkit-keyframes drift{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes drift{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.hero-img{align-items:center;display:flex;font-size:3em;justify-content:center}.hero-img img{width:100px}.hero-info{bottom:0;display:flex;flex-direction:column;height:75%;text-align:center;width:100%;z-index:4}.hero-district,.hero-location{font-weight:800}.hero-district{height:50px;overflow:hidden}.hero-temp-water{font-weight:600}.chart h2{margin-bottom:10px}.table{margin-top:50px;width:17vw}.filter{display:flex;width:98%}.filter,.filter-table{justify-content:center}.filter-table{text-align:center;width:49%}.filter-chart{padding-top:30px;width:49%}.doughnut{padding-top:30px;width:30vw}.doughnut,table{margin-inline:auto}table{border-collapse:separate;border-spacing:25px}.deck{background:darken(#eff3f9,20%);border-radius:5px;box-shadow:0 2px 30px rgba(black,.2);height:25vh;min-height:400px;min-width:200px;overflow:hidden;position:relative;text-align:center;width:23.6vw}.deck-cards{flex-wrap:wrap;margin:0 5px;padding:0}.deck-card,.deck-cards{align-items:center;display:flex;justify-content:center}.deck-card{border-radius:10px;flex-direction:column;height:7.5vw;margin:6px;padding:5px;transition:.2s ease;width:9.5vw}.deck-card:hover{background:#f57c00;box-shadow:0 0 40px -5px rgba(0,0,0,.2);color:#222831;-webkit-transform:scale(1.1);transform:scale(1.1)}.deck-card>.card-name{font-weight:700}.deck-card>.card-name,.deck-card>.card-value,.deck-card>.card-value-warn{display:block;margin:10px 0 0;text-align:center}.deck-card>.card-value-warn{color:red;font-weight:700}.forecast{display:flex;flex-wrap:wrap;justify-content:center;width:98vw}.forecast-card{box-shadow:0 1px 2px 0 rgba(0,0,0,.4);width:10.85%}.forecast-card:hover{border:#fff;border-radius:5px;border-style:solid;border-width:4px;box-shadow:-1px 10px 29px 0 rgba(0,0,0,.8)}.forecast-card img{width:60px}h2,p{margin:5px}@media only screen and (max-width:1430px){.hero{width:35vw}.hero-district{display:none}.hero-temp{font-size:60px}.hero-temp-water{font-size:35px}.table{justify-content:center;margin-top:0;text-align:center;width:40vw}table{font-size:34px}.deck{height:30vw;padding-top:20px;width:38vw}.deck-card{font-size:27px;height:12vw;margin-inline:20px;width:12vw}.forecast{width:90vw}.forecast-card{min-width:120px;width:10vw}}@media only screen and (max-width:800px){.current-weather{max-width:100vw}.hero{margin-inline:auto;width:100vw}.hero-district{display:none}.hero-temp{font-size:60px}.hero-temp-water{font-size:35px}.chart{max-width:97vw}.chart,.table{margin-inline:auto}.table{justify-content:center;text-align:center;width:100vw}table{font-size:34px}.deck,table{margin-inline:auto}.deck{height:110vw;width:100vw}.deck-card{font-size:27px;height:42vw;margin:0;width:42vw}.forecast{width:99vw}.forecast-card{width:33vw}}
/*# sourceMappingURL=main.d050af35.css.map*/