body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{height:100%}.HamburgerMenu{background-color:var(--bg-color);height:100%;min-width:var(--width);padding:10px;position:fixed;transition:all .8s ease;width:var(--width);z-index:999}.HamburgerMenu :hover{cursor:pointer}.HamburgerMenu .HamburgerIcon{text-align:right}.HamburgerMenu .MenuItem{-webkit-animation:fadeIn .7s ease 0s 1 normal;animation:fadeIn .7s ease 0s 1 normal;-webkit-animation-delay:var(--animation-delay);animation-delay:var(--animation-delay);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;margin:10px 50px 10px 10px;opacity:0}.HamburgerMenu .MenuItem a{color:#858585;font-size:18px;font-weight:200;margin-left:30px;text-decoration:none;transition:.3s}.HamburgerMenu .MenuItem:hover a{color:#515151}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.Home{display:flex;height:100%}.Home .Main{flex-grow:1}.Home .Main .TitleSpace{margin:80px auto 50px;text-align:center}.Home .Main .TitleSpace p{color:#e2e2e2;font-size:50px;font-weight:100}.Home .Main .DescriptionSpace{margin:20px auto}.Home .Main .DescriptionSpace p{color:#858585;font-weight:200;margin:0}.Home .Main .DescriptionSpace a{color:#b8b8b8;font-weight:200;text-decoration:none}@media screen and (min-width:960px){.Home .Main .DescriptionSpace{margin:20px auto;width:580px}}@media screen and (max-width:959px) and (min-width:520px){.Home .Main .DescriptionSpace,.Home .Main .TitleSpace{width:480px}}@media screen and (max-width:519px){.Home .Main .DescriptionSpace,.Home .Main .TitleSpace{width:200px}}.NotFound{display:flex;height:100%}.NotFound .Main{flex-grow:1}.NotFound .Main .StatusCode{text-align:center}.NotFound .Main .StatusCode p{color:#e2e2e2;font-size:300px;font-weight:100;margin:0}.NotFound .Main .DescriptionSpace{margin:20px auto;text-align:center}.NotFound .Main .DescriptionSpace p{color:#858585;font-weight:200}.ProgressBars{display:flex;height:100%}.ProgressBars .Main{flex-grow:1}.ProgressBars .Main .TitleSpace{text-align:center}.ProgressBars .Main .TitleSpace p{color:#e2e2e2;font-size:50px;font-weight:100;margin:50px 0 20px}.ProgressBars .Main .GridDescriptionSpace{margin:40px 0 0;text-align:center}.ProgressBars .Main .GridDescriptionSpace p{border-bottom:1px solid #535353;color:#858585;font-size:15px;font-weight:200;margin:0 auto;padding:0 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ProgressBars .Main .ProgressBarGridSpace{display:flex;flex-wrap:wrap;height:115px;justify-content:center;margin:0 auto;min-width:600px;padding:0;width:50%}.ProgressBars .Main .CircularProgressBarSpace,.ProgressBars .Main .StraightProgressBarSpace,.ProgressBars .Main .WaterProgressBarSpace{height:0;margin:20px 25px 0 5px;position:relative;width:100px}.ProgressBars .Main .CircularProgressBarSpace .Label{height:65px;padding-top:55px}.ProgressBars .Main .CircularProgressBarSpace .Label,.ProgressBars .Main .StraightProgressBarSpace .Label{background-color:#161616;border-radius:10px;color:#e2e2e2;display:flex;font-weight:700;position:absolute;width:120px}.ProgressBars .Main .StraightProgressBarSpace .Label{height:80px;padding-top:40px}.ProgressBars .Main .WaterProgressBarSpace .Label{background-color:#161616;border-radius:10px;color:#e2e2e2;display:flex;font-weight:700;height:65px;padding-top:55px;position:absolute;width:120px}.Percentage{font-size:10px;margin:0 4px 0 44px;text-align:right;width:20px}.PercentUnit{font-size:8px;margin:2px 0}.Second{font-size:10px;margin:0 4px 0 38px;text-align:right;width:20px}.SecondUnit{font-size:8px;margin:2px 0}.ClockHour{font-size:10px;margin:0 0 0 31px;text-align:right;width:15px}.ClockColon{font-size:10px;margin:0 0 0 2px}.ClockMinute,.ClockSecond{font-size:10px;margin:0;text-align:right;width:15px}.CircularProgressBar,.StraightProgressBar,.WaterProgressBar{background:transparent;height:100px;padding:10px;position:absolute;width:100px}.WaterProgressBar svg{border-radius:10px}.SvgIcons{display:flex;height:100%}.SvgIcons .Main{flex-grow:1}.SvgIcons .Main .TitleSpace{text-align:center}.SvgIcons .Main .TitleSpace p{color:#e2e2e2;font-size:50px;font-weight:100;margin:50px 0 20px}.SvgIcons .Main .DescriptionSpace{margin:20px auto;text-align:center}.SvgIcons .Main .DescriptionSpace p{color:#858585;font-weight:200}.SvgIcons .Main .IconGridSpace{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;width:50%}.SvgIcons .Main .IconSpace{margin:5px;text-align:center}.SvgIcons .Main .IconSpace p{color:#858585;font-size:10px;font-weight:200;margin:4px 0}
/*# sourceMappingURL=main.d901bc01.css.map*/