:root{--clr-orange:orange;--clr-red:red;--clr-red-fade:rgba(255,0,0,.8);--clr-yel:#cdb42f;--clr-yel-fade:rgba(205,180,47,.8);--clr-gre:green;--clr-gre-fade:rgba(0,128,0,.7);--clr-blue:#2525ff;--clr-blue-fade:rgba(37,37,255,.6);--clr-purp:#c36aff;--clr-white:#fff;--clr-grey:#d3d3d3;--clr-active:#32cd32}.bg-orange{background-color:orange}.bg-red{background-color:red}.bg-red-fade{background-color:rgba(255,0,0,.8)}.bg-yel{background-color:#cdb42f}.bg-yel-fade{background-color:rgba(205,180,47,.8)}.bg-gre{background-color:green}.bg-gre-fade{background-color:rgba(0,128,0,.7)}.bg-blu{background-color:#2525ff}.bg-blu-fade{background-color:rgba(37,37,255,.6)}.bg-skips-fade{background-color:#c36aff}.bg-total-fade{background-color:#fff}.bg-grey{background-color:#d3d3d3}.active-board{background:#adff2f}.loading-icon{margin-top:10%;text-align:center}.loading-icon>svg{-webkit-animation:loading-spin 2s linear infinite;animation:loading-spin 2s linear infinite;height:20%;width:20%}@-webkit-keyframes loading-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#root,.app-container{bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}#root{background-color:#e0ffff}.app-container{display:flex;flex-direction:column;max-width:625px;width:100%}.board-btn{margin:.5em 0;padding:.5em 0;width:90%}.btn-sizes{border-radius:8px;font-size:x-large;height:40px;min-height:40px;min-width:40px;width:40px}@media (max-height:665px){.btn-sizes{font-size:32px;height:36px;min-height:36px;min-width:36px;width:36px}}@media (max-height:600px){.btn-sizes{font-size:27px;height:31px;min-height:31px;min-width:31px;width:31px}}