.App,.root,body,html{background:#222;color:#eee;font-family:sans-serif;height:100vh;margin:0;overflow-x:hidden;padding:0;text-align:center;width:100vw}main{display:flex;height:100%;justify-content:center;width:100%}.center{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:start;width:50vw}.page-title{margin-bottom:0}.page-subtitle{margin-bottom:20px}.page-subtitle a{color:#aaf;text-decoration:none}.page-subtitle a:hover{color:#88f;text-decoration:underline}.cube-outer{border:1px solid #444;border-radius:10%;padding:10px}.cube-svg-container{position:relative}.cube-svg-container svg{pointer-events:none;position:absolute}.buttons{display:flex;flex-direction:column;gap:5px;margin:auto auto 10px;width:60%}.top-button{background:color-mix(in oklab,#ff0 85%,#fff)}.bottom-button{background:color-mix(in oklab,#fff 85%,#fff)}.bottom-button:hover,.top-button:hover{cursor:pointer;filter:brightness(.8)}button{cursor:pointer}.rotate-buttons,.visibility-buttons{display:grid;grid-template-columns:150px repeat(2,1fr);margin-left:-150px}.flip-buttons{display:grid;grid-template-areas:"label 0 1 2 3 4 5" "label 6 7 8 9 10 11";grid-template-columns:150px repeat(6,1fr);grid-template-rows:1fr 1fr;margin-left:-150px;width:100%}.button-label{margin-right:10px;text-align:right}.flip-buttons .button-label{grid-area:label}button.desat{filter:brightness(.5)}
/*# sourceMappingURL=main.33674928.css.map*/