*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,arial}.sidenav{position:fixed;left:0;top:0;height:100vh;background:#f1f1f1;background-image:radial-gradient(circle at center center,transparent,#212121),repeating-linear-gradient(135deg,#212121,#212121 2px,transparent 0,transparent 10px,#212121 0,#212121 11px,transparent 0,transparent 21px),repeating-linear-gradient(45deg,#2f2f2f,#2f2f2f 4px,transparent 0,transparent 8px),linear-gradient(90deg,#212121,#212121);display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:170px}.sidenav a{padding:10px;width:100%;text-align:center;text-decoration:none;color:#f1f1f1;font-size:22px}.sidenav a:hover{background:#585858}.sidenav img{width:50px;margin:20px 0}@media screen and (max-width:870px){.sidenav{position:absolute;left:0;top:0;background:#333;display:flex;justify-content:center;align-items:center;flex-direction:row;height:70px;width:100%}.sidenav a{padding:10px;width:auto;text-align:center;text-decoration:none;color:#f1f1f1;font-size:22px}.sidenav img{display:none;width:50px;margin:20px 0}}.chart-container-pies{width:60%;margin:20px auto}@media screen and (max-width:870px){.chart-container-pies{width:100%;margin:20px auto}}.global-container h2{font-size:clamp(20px,2vw,30px);text-align:center;margin:30px 0 20px;text-transform:uppercase;font-weight:400}.global-container h2:not(.global-container h2:first-child){margin-top:70px}.global-container{margin-left:170px;position:absolute;width:calc(100% - 170px)}@media screen and (max-width:870px){.global-container{margin-left:0;position:relative;width:100%;top:70px}}h1{font-size:clamp(20px,3vw,40px);text-align:center;margin:30px 0 20px;text-transform:uppercase;font-family:Open sans}form{margin:0 auto;max-width:400px}label{text-align:center;font-size:clamp(16px,2vw,30px)}label,select{display:block}select{padding:10px 8px;font-size:20px;margin:10px auto 50px}.dashboard-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto}.chart-container{position:relative;width:40%;margin:20px}@media screen and (max-width:900px){.chart-container{width:90%;margin:10px}}
/*# sourceMappingURL=main.f1286c21.chunk.css.map */