html,body{height:100vh;min-height:-webkit-fill-available}.centered,.cube>.piece>.element>.sticker{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.credits{margin:2rem}.text{font-family:Arial;font-size:1.2rem;color:#f9f7ec;letter-spacing:.02em;background-color:#d9b200;padding:.2em .5em;border-radius:.25em;pointer-events:none}.scene{height:100%;width:100%;perspective:1200px;transform-style:preserve-3d;color:#ffdb14}.scene>.pivot{width:0;height:0;transition:.2s}.scene .anchor{width:2em;height:6em}.scene div{position:absolute;transform-style:inherit}.cube{font-size:200%;margin-left:-1em;margin-top:-1em}.cube>.piece{width:1.9em;height:1.9em}.cube>.piece>.element{width:100%;height:100%;background:#1e1f26;outline:1px solid transparent;border:.05em solid #1e1f26;border-radius:10%}.cube>.piece>.element.left{transform:rotateX(0) rotateY(-90deg) rotate(180deg) translateZ(1em)}.cube>.piece>.element.right{transform:rotateX(0) rotateY(90deg) rotate(90deg) translateZ(1em)}.cube>.piece>.element.back{transform:rotateX(0) rotateY(180deg) rotate(-90deg) translateZ(1em)}.cube>.piece>.element.front{transform:rotateX(0) rotateY(0) rotate(0) translateZ(1em)}.cube>.piece>.element.bottom{transform:rotateX(-90deg) rotateY(0) rotate(-90deg) translateZ(1em)}.cube>.piece>.element.top{transform:rotateX(90deg) rotateY(0) rotate(180deg) translateZ(1em)}.cube>.piece>.element>.sticker{transform:translateZ(2px);width:93%;height:93%;border-radius:10%;outline:1px solid transparent}.cube>.piece>.element>.sticker.blue{background-color:#e7ded5}.cube>.piece>.element>.sticker.blue:hover{background-color:#fafafae6;cursor:pointer}.cube>.piece>.element>.sticker.green{background-color:#e7ded5}.cube>.piece>.element>.sticker.green:hover{background-color:#fafafae6;cursor:pointer}.cube>.piece>.element>.sticker.white{background-color:#e7ded5}.cube>.piece>.element>.sticker.white:hover{background-color:#fafafae6;cursor:pointer}.cube>.piece>.element>.sticker.yellow{background-color:#e7ded5}.cube>.piece>.element>.sticker.yellow:hover{background-color:#fafafae6;cursor:pointer}.cube>.piece>.element>.sticker.orange{background-color:#e7ded5}.cube>.piece>.element>.sticker.orange:hover{background-color:#fafafae6;cursor:pointer}.cube>.piece>.element>.sticker.red{background-color:#e7ded5}.cube>.piece>.element>.sticker.red:hover{background-color:#fafafae6;cursor:pointer}