.scene{align-items:center;justify-content:center;width:100px}.cube{color:#ccc;cursor:pointer;transition:all .85s cubic-bezier(.17,.67,.14,.93);transform-style:preserve-3d;transform-origin:100% 50%;height:30px;width:80px}.cube:hover{transform:rotateX(-90deg)}.side{align-items:center;box-sizing:border-box;display:inline-block;display:flex;position:absolute;height:30px;text-align:center;text-transform:uppercase;justify-content:center;font-weight:700;width:80px}.top{background:gray;color:#222229;transform:rotateX(90deg) translateZ(1.2em)}.front,.top{box-shadow:inset 0 0 0 1px #fff}.front{background:#222229;color:#fff;transform:translateZ(1.2em)}