body{background-color:#111;color:#63687e;color:var(--mid-grey);font-family:Antonio,sans-serif}h1,h2,h3,h4,h5{margin:0;padding:0}:root{--orange:#ed9174;--red:#d24a33;--blue:#529ac5;--aqua:#6ce8e9;--light-grey:#949bad;--mid-grey:#63687e;--dark-grey:#2a3040;--white:#cbced8}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation:fadeIn .7s ease-in-out;animation:fadeIn .7s ease-in-out}.app{grid-row-gap:10px;display:grid;grid-template-columns:repeat(20,1fr);min-width:1024px}.upper-container{background-color:#111;border-bottom-left-radius:60px;display:flex;grid-column:4/20;grid-row:1/3;margin-bottom:20px}.upper-container-left{align-items:center;display:flex;justify-content:center;width:50%}.upper-container-right{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);width:50%}.lower-container{background-color:#111;border-top-left-radius:60px;display:flex;grid-column:4/20;grid-row:3/21;margin-top:20px}.nav-block{display:flex;grid-column:1/4;min-height:70px;width:100%}.nav-block-button{background-color:var(--mid-grey);width:15%}.nav-block.active .nav-block-button{background-color:var(--blue);cursor:pointer;transition:background-color .6s ease-in-out,-webkit-transform .3s ease-in-out;transition:background-color .6s ease-in-out,transform .3s ease-in-out;transition:background-color .6s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.nav-block-button{cursor:pointer;transition:background-color .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,background-color .3s ease-in-out;transition:transform .3s ease-in-out,background-color .3s ease-in-out,-webkit-transform .3s ease-in-out}.nav-block-button:hover{-webkit-transform:scale(.9);transform:scale(.9)}.nav-block-label{background-color:var(--dark-grey);color:var(--white);margin-left:10px;width:85%}.nav-block-label h2{margin:10px 0 0 10px}.nav-block-label h5{font-weight:lighter}.sub-menu-container{background-color:var(--dark-grey);color:var(--white);display:flex;margin-top:10px}.sub-menu-button{background-color:var(--light-grey);cursor:pointer;transition:background-color .6s ease-in-out,-webkit-transform .3s ease-in-out;transition:background-color .6s ease-in-out,transform .3s ease-in-out;transition:background-color .6s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:15%}.sub-menu-button.active{background-color:var(--blue);color:#111}.sub-menu-button:hover{-webkit-transform:scale(.9);transform:scale(.9)}.sub-menu-label{background-color:var(--mid-grey);margin-right:10px;padding:9px 0 10px 10px;width:85%}.nav-curve-upper{border-bottom-left-radius:100px;grid-row:2/3;height:300px}.nav-curve-lower,.nav-curve-upper{background-color:var(--mid-grey);grid-column:1/8}.nav-curve-lower{border-top-left-radius:100px;grid-row:3/5;height:120px}.quick-daily-stats-container{grid-gap:4px;display:grid;flex-wrap:wrap;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4 1fr);width:80%}.quick-daily-stats-label{background-color:var(--white);color:#111}.quick-daily-stats-label h5{color:var(--mid-grey)}.quick-daily-stats-label h3,.quick-daily-stats-label h5{margin:10px;text-align:right}#qds-label-1{border-top-left-radius:20px}#qds-label-2{border-top-right-radius:20px}#qds-label-3-4{background-color:var(--light-grey)}.qds-button-container{display:flex}.qds-button-label{background-color:var(--dark-grey);margin-right:4px;width:85%}.qds-button-label h2{color:var(--white);margin:7px 11px 10px 10px}.qds-button-button{background-color:var(--mid-grey);cursor:pointer;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:15%}.qds-button-button:hover{-webkit-transform:scale(.9);transform:scale(.9)}.qds-button-status{color:var(--white);text-align:center}.qds-button-status h2{margin:7px 0 10px}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.status-accessing{border:2px solid var(--orange);color:var(--orange)}.status-accessing,.status-error{-webkit-animation:blink .7s linear infinite;animation:blink .7s linear infinite}.status-error{border:2px solid var(--red);color:var(--red)}.status-connected{border:2px solid var(--aqua);color:var(--aqua)}.upper-home-heading{grid-column:1/5;text-align:right}.upper-home-heading h2{color:var(--orange);margin:20px}.upper-home-heading h4{color:var(--light-grey);margin:20px}.upper-home-main{grid-column:1/5;grid-row:2/4;margin:20px;text-align:right}
/*# sourceMappingURL=main.bc3827dc.css.map*/