CSS animated Rubik's Cube
Created
February 22, 2019 09:19
-
-
Save redbullmarky/94d4f54d017ffc11fe000ab1765293ef to your computer and use it in GitHub Desktop.
Pure CSS 3D Rubik's Cube animation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| %p{:style => 'position: absolute; top: 10px; left: 10px; margin: 0;'} Use Google Chrome for best experience. | |
| .container | |
| .rubiks-cube.rubiks-cube-1 | |
| - (1...28).each do |i| | |
| .detail | |
| .side.front | |
| .side.back | |
| .side.top | |
| .side.bottom | |
| .side.left | |
| .side.right | |
| .reflection | |
| .rubiks-cube.rubiks-cube-1 | |
| - (1...28).each do |i| | |
| .detail | |
| .side.front | |
| .side.back | |
| .side.top | |
| .side.bottom | |
| .side.left | |
| .side.right |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| *, | |
| *::before, | |
| *::after { | |
| box-sizing: border-box; } | |
| html, | |
| body { | |
| height: 100%; } | |
| body { | |
| align-items: center; | |
| background: #fff; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| margin: 0; | |
| overflow: hidden; | |
| perspective: 800px; } | |
| .container { | |
| position: relative; } | |
| .rubiks-cube { | |
| animation: rubiks-cube 18s linear infinite; } | |
| @keyframes rubiks-cube { | |
| 100% { | |
| transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); } } | |
| .reflection { | |
| left: 0; | |
| margin-top: 180px; | |
| opacity: 0.15; | |
| position: absolute; | |
| top: 100%; | |
| transform: scaleY(-1); | |
| z-index: -1; } | |
| .reflection::after { | |
| background: linear-gradient(white 90%, rgba(255, 255, 255, 0)); | |
| bottom: 0; | |
| content: ''; | |
| height: 200%; | |
| left: -50%; | |
| position: absolute; | |
| width: 200%; } | |
| .rubiks-cube-1 { | |
| transform-style: preserve-3d; | |
| transform-origin: 50% 50% -90px; | |
| width: 270px; | |
| height: 270px; } | |
| .rubiks-cube-1 .detail { | |
| position: relative; | |
| width: 90px; | |
| height: 90px; | |
| transform-style: preserve-3d; | |
| position: absolute; | |
| animation-iteration-count: infinite; | |
| animation-direction: alternate; | |
| animation-timing-function: linear; } | |
| .rubiks-cube-1 .detail .side { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: 100%; } | |
| .rubiks-cube-1 .detail .side.front { | |
| transform: translateZ(45px); } | |
| .rubiks-cube-1 .detail .side.back { | |
| transform: translateZ(-45px) rotateY(180deg); } | |
| .rubiks-cube-1 .detail .side.top { | |
| transform: translateY(-50%) rotateX(90deg); } | |
| .rubiks-cube-1 .detail .side.bottom { | |
| transform: translateY(50%) rotateX(-90deg); } | |
| .rubiks-cube-1 .detail .side.left { | |
| transform: translateX(-50%) rotateY(-90deg); } | |
| .rubiks-cube-1 .detail .side.right { | |
| transform: translateX(50%) rotateY(90deg); } | |
| .rubiks-cube-1 .detail:nth-child(1) { | |
| margin-top: 0px; | |
| margin-left: 0px; | |
| transform-origin: 150% 150% -90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| .rubiks-cube-1 .detail:nth-child(2) { | |
| margin-top: 0px; | |
| margin-left: 90px; | |
| transform-origin: 50% 150% -90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| .rubiks-cube-1 .detail:nth-child(3) { | |
| margin-top: 0px; | |
| margin-left: 180px; | |
| transform-origin: -50% 150% -90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| .rubiks-cube-1 .detail:nth-child(4) { | |
| margin-top: 0px; | |
| margin-left: 0px; | |
| transform-origin: 150% 150% 0; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| .rubiks-cube-1 .detail:nth-child(5) { | |
| margin-top: 0px; | |
| margin-left: 90px; | |
| transform-origin: 50% 150% 0; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| .rubiks-cube-1 .detail:nth-child(6) { | |
| margin-top: 0px; | |
| margin-left: 180px; | |
| transform-origin: -50% 150% 0; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| .rubiks-cube-1 .detail:nth-child(7) { | |
| margin-top: 0px; | |
| margin-left: 0px; | |
| transform-origin: 150% 150% 90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| .rubiks-cube-1 .detail:nth-child(8) { | |
| margin-top: 0px; | |
| margin-left: 90px; | |
| transform-origin: 50% 150% 90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| .rubiks-cube-1 .detail:nth-child(9) { | |
| margin-top: 0px; | |
| margin-left: 180px; | |
| transform-origin: -50% 150% 90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| .rubiks-cube-1 .detail:nth-child(10) { | |
| margin-top: 90px; | |
| margin-left: 0px; | |
| transform-origin: 150% 50% -90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| .rubiks-cube-1 .detail:nth-child(11) { | |
| margin-top: 90px; | |
| margin-left: 90px; | |
| transform-origin: 50% 50% -90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| .rubiks-cube-1 .detail:nth-child(12) { | |
| margin-top: 90px; | |
| margin-left: 180px; | |
| transform-origin: -50% 50% -90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| .rubiks-cube-1 .detail:nth-child(13) { | |
| margin-top: 90px; | |
| margin-left: 0px; | |
| transform-origin: 150% 50% 0; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| .rubiks-cube-1 .detail:nth-child(14) { | |
| margin-top: 90px; | |
| margin-left: 90px; | |
| transform-origin: 50% 50% 0; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| .rubiks-cube-1 .detail:nth-child(15) { | |
| margin-top: 90px; | |
| margin-left: 180px; | |
| transform-origin: -50% 50% 0; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| .rubiks-cube-1 .detail:nth-child(16) { | |
| margin-top: 90px; | |
| margin-left: 0px; | |
| transform-origin: 150% 50% 90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| .rubiks-cube-1 .detail:nth-child(17) { | |
| margin-top: 90px; | |
| margin-left: 90px; | |
| transform-origin: 50% 50% 90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| .rubiks-cube-1 .detail:nth-child(18) { | |
| margin-top: 90px; | |
| margin-left: 180px; | |
| transform-origin: -50% 50% 90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| .rubiks-cube-1 .detail:nth-child(19) { | |
| margin-top: 180px; | |
| margin-left: 0px; | |
| transform-origin: 150% -50% -90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| .rubiks-cube-1 .detail:nth-child(20) { | |
| margin-top: 180px; | |
| margin-left: 90px; | |
| transform-origin: 50% -50% -90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| .rubiks-cube-1 .detail:nth-child(21) { | |
| margin-top: 180px; | |
| margin-left: 180px; | |
| transform-origin: -50% -50% -90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| .rubiks-cube-1 .detail:nth-child(22) { | |
| margin-top: 180px; | |
| margin-left: 0px; | |
| transform-origin: 150% -50% 0; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| .rubiks-cube-1 .detail:nth-child(23) { | |
| margin-top: 180px; | |
| margin-left: 90px; | |
| transform-origin: 50% -50% 0; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| .rubiks-cube-1 .detail:nth-child(24) { | |
| margin-top: 180px; | |
| margin-left: 180px; | |
| transform-origin: -50% -50% 0; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| .rubiks-cube-1 .detail:nth-child(25) { | |
| margin-top: 180px; | |
| margin-left: 0px; | |
| transform-origin: 150% -50% 90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| .rubiks-cube-1 .detail:nth-child(26) { | |
| margin-top: 180px; | |
| margin-left: 90px; | |
| transform-origin: 50% -50% 90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| .rubiks-cube-1 .detail:nth-child(27) { | |
| margin-top: 180px; | |
| margin-left: 180px; | |
| transform-origin: -50% -50% 90px; | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| .rubiks-cube-1 .detail .side { | |
| border: 2px solid #000; | |
| background: #000; } | |
| .rubiks-cube-1 .detail:nth-child(7) .top { | |
| background-color: #095fad; } | |
| .rubiks-cube-1 .detail:nth-child(8) .top { | |
| background-color: #095fad; } | |
| .rubiks-cube-1 .detail:nth-child(9) .top { | |
| background-color: #095fad; } | |
| .rubiks-cube-1 .detail:nth-child(6) .top { | |
| background-color: #095fad; } | |
| .rubiks-cube-1 .detail:nth-child(3) .top { | |
| background-color: #095fad; } | |
| .rubiks-cube-1 .detail:nth-child(2) .top { | |
| background-color: #095fad; } | |
| .rubiks-cube-1 .detail:nth-child(1) .top { | |
| background-color: #095fad; } | |
| .rubiks-cube-1 .detail:nth-child(4) .top { | |
| background-color: #095fad; } | |
| .rubiks-cube-1 .detail:nth-child(5) .top { | |
| background-color: #095fad; } | |
| .rubiks-cube-1 .detail:nth-child(25) .bottom { | |
| background-color: #f58220; } | |
| .rubiks-cube-1 .detail:nth-child(26) .bottom { | |
| background-color: #f58220; } | |
| .rubiks-cube-1 .detail:nth-child(27) .bottom { | |
| background-color: #f58220; } | |
| .rubiks-cube-1 .detail:nth-child(24) .bottom { | |
| background-color: #f58220; } | |
| .rubiks-cube-1 .detail:nth-child(21) .bottom { | |
| background-color: #f58220; } | |
| .rubiks-cube-1 .detail:nth-child(20) .bottom { | |
| background-color: #f58220; } | |
| .rubiks-cube-1 .detail:nth-child(19) .bottom { | |
| background-color: #f58220; } | |
| .rubiks-cube-1 .detail:nth-child(22) .bottom { | |
| background-color: #f58220; } | |
| .rubiks-cube-1 .detail:nth-child(23) .bottom { | |
| background-color: #f58220; } | |
| .rubiks-cube-1 .detail:nth-child(1) .left { | |
| background-color: #fee208; } | |
| .rubiks-cube-1 .detail:nth-child(4) .left { | |
| background-color: #fee208; } | |
| .rubiks-cube-1 .detail:nth-child(7) .left { | |
| background-color: #fee208; } | |
| .rubiks-cube-1 .detail:nth-child(16) .left { | |
| background-color: #fee208; } | |
| .rubiks-cube-1 .detail:nth-child(25) .left { | |
| background-color: #fee208; } | |
| .rubiks-cube-1 .detail:nth-child(22) .left { | |
| background-color: #fee208; } | |
| .rubiks-cube-1 .detail:nth-child(19) .left { | |
| background-color: #fee208; } | |
| .rubiks-cube-1 .detail:nth-child(10) .left { | |
| background-color: #fee208; } | |
| .rubiks-cube-1 .detail:nth-child(13) .left { | |
| background-color: #fee208; } | |
| .rubiks-cube-1 .detail:nth-child(3) .right { | |
| background-color: #ec1e35; } | |
| .rubiks-cube-1 .detail:nth-child(6) .right { | |
| background-color: #ec1e35; } | |
| .rubiks-cube-1 .detail:nth-child(9) .right { | |
| background-color: #ec1e35; } | |
| .rubiks-cube-1 .detail:nth-child(18) .right { | |
| background-color: #ec1e35; } | |
| .rubiks-cube-1 .detail:nth-child(27) .right { | |
| background-color: #ec1e35; } | |
| .rubiks-cube-1 .detail:nth-child(24) .right { | |
| background-color: #ec1e35; } | |
| .rubiks-cube-1 .detail:nth-child(21) .right { | |
| background-color: #ec1e35; } | |
| .rubiks-cube-1 .detail:nth-child(12) .right { | |
| background-color: #ec1e35; } | |
| .rubiks-cube-1 .detail:nth-child(15) .right { | |
| background-color: #ec1e35; } | |
| .rubiks-cube-1 .detail:nth-child(1) .front { | |
| background-color: #01af4d; } | |
| .rubiks-cube-1 .detail:nth-child(2) .front { | |
| background-color: #01af4d; } | |
| .rubiks-cube-1 .detail:nth-child(3) .front { | |
| background-color: #01af4d; } | |
| .rubiks-cube-1 .detail:nth-child(12) .front { | |
| background-color: #01af4d; } | |
| .rubiks-cube-1 .detail:nth-child(21) .front { | |
| background-color: #01af4d; } | |
| .rubiks-cube-1 .detail:nth-child(20) .front { | |
| background-color: #01af4d; } | |
| .rubiks-cube-1 .detail:nth-child(19) .front { | |
| background-color: #01af4d; } | |
| .rubiks-cube-1 .detail:nth-child(10) .front { | |
| background-color: #01af4d; } | |
| .rubiks-cube-1 .detail:nth-child(11) .front { | |
| background-color: #01af4d; } | |
| .rubiks-cube-1 .detail:nth-child(7) .back { | |
| background-color: #fff; } | |
| .rubiks-cube-1 .detail:nth-child(8) .back { | |
| background-color: #fff; } | |
| .rubiks-cube-1 .detail:nth-child(9) .back { | |
| background-color: #fff; } | |
| .rubiks-cube-1 .detail:nth-child(18) .back { | |
| background-color: #fff; } | |
| .rubiks-cube-1 .detail:nth-child(27) .back { | |
| background-color: #fff; } | |
| .rubiks-cube-1 .detail:nth-child(26) .back { | |
| background-color: #fff; } | |
| .rubiks-cube-1 .detail:nth-child(25) .back { | |
| background-color: #fff; } | |
| .rubiks-cube-1 .detail:nth-child(16) .back { | |
| background-color: #fff; } | |
| .rubiks-cube-1 .detail:nth-child(17) .back { | |
| background-color: #fff; } | |
| .rubiks-cube-1 .detail:nth-child(1) { | |
| animation-name: rubiks-cube-1-detail-1; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-1 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 9.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, 0, 1); } | |
| 10% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 14.999% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -0.999999999848, 0.00001745329241591186, -0.00000000000010341562, 0, -0.00001745329241591187, -0.999999999848, -0.0000000000000000018, 0, 0, 0, 0, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 20% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 35% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 40% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 45% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 49.999% { | |
| transform: matrix3d(0.00000000000010341382, -0.999999999848, 0.00001745329241591187, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341743, -0.00001745329241591187, -0.999999999848, 0, 0, 0, 0, 1); } | |
| 50% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 55% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 59.999% { | |
| transform: matrix3d(0.999999999848, -0.00001745329231249624, 0.00000000000010341382, 0, -0.00001745329231249624, -0.999999999848, -0.00000000000010341743, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 60% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000010341562, 0, 0.00000000000020683125, -1, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 64.999% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000010341562, 0, 0.00000000000010341923, -0.00001745329231249625, -0.999999999848, 0, -0.00000000000020682944, 0.999999999848, -0.00001745329231249624, 0, 0, 0, 0, 1); } | |
| 65% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 70% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 75% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 80% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 84.999% { | |
| transform: matrix3d(0.00001745329231249625, -0.00000000000020682764, 0.999999999848, 0, 0.999999999848, 0.00000000000020683486, -0.00001745329231249625, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 85% { | |
| transform: matrix3d(-0.00000000000020683125, -0.00000000000020683125, 1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 90% { | |
| transform: matrix3d(-0.00000000000020683125, -0.00000000000020683125, 1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 95% { | |
| transform: matrix3d(-0.00000000000020683125, -0.00000000000020683125, 1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 100% { | |
| transform: matrix3d(-0.00000000000020683125, -0.00000000000020683125, 1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(2) { | |
| animation-name: rubiks-cube-1-detail-2; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-2 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 9.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, 0, 1); } | |
| 10% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 19.999% { | |
| transform: matrix3d(-0.0000000000000000018, -0.999999999848, 0.00001745329241591187, 0, -0.00000000000010341562, 0.00001745329241591186, 0.999999999848, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 20% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 24.999% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.999999999848, -0.0000000000000000018, 0.00001745329231249624, 0, -0.00001745329231249624, 0.00000000000010341562, -0.999999999848, 0, 0, 0, 0, 1); } | |
| 25% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 30% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 35% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 40% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 45% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 49.999% { | |
| transform: matrix3d(0.00000000000020683125, -0.00001745329231249624, -0.999999999848, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000000000361, 0.999999999848, -0.00001745329231249625, 0, 0, 0, 0, 1); } | |
| 50% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -1, 0, -0.00000000000020683125, 0, 0, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 55% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -1, 0, -0.00000000000020683125, 0, 0, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 60% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -1, 0, -0.00000000000020683125, 0, 0, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 65% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -1, 0, -0.00000000000020683125, 0, 0, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -1, 0, -0.00000000000020683125, 0, 0, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 74.999% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00001745329241591187, -0.999999999848, -0.00000000000020683486, 0, -0.999999999848, 0.00001745329241591187, -0.00000000000020682764, 0, 0, 0, 0, 1); } | |
| 75% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -1, -0.00000000000010341562, -0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -1, -0.00000000000010341562, -0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 84.999% { | |
| transform: matrix3d(0.999999999848, 0.00000000000010341923, -0.00001745329220908063, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -0.00001745329220908063, 0.00000000000020682944, -0.999999999848, 0, 0, 0, 0, 1); } | |
| 85% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000031024687, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, 0.00000000000031024687, 0.00000000000020683125, -1, 0, 0, 0, 0, 1); } | |
| 90% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000031024687, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, 0.00000000000031024687, 0.00000000000020683125, -1, 0, 0, 0, 0, 1); } | |
| 95% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000031024687, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, 0.00000000000031024687, 0.00000000000020683125, -1, 0, 0, 0, 0, 1); } | |
| 100% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000031024687, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, 0.00000000000031024687, 0.00000000000020683125, -1, 0, 0, 0, 0, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(3) { | |
| animation-name: rubiks-cube-1-detail-3; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-3 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 9.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, 0, 1); } | |
| 10% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 19.999% { | |
| transform: matrix3d(-0.0000000000000000018, -0.999999999848, 0.00001745329241591187, 0, -0.00000000000010341562, 0.00001745329241591186, 0.999999999848, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 20% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 25% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 30% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 35% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 40% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 45% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 50% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 54.999% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.999999999848, -0.0000000000000000018, 0.00001745329231249624, 0, -0.00001745329231249624, 0.00000000000010341562, -0.999999999848, 0, 0, 0, 0, 1); } | |
| 55% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 59.999% { | |
| transform: matrix3d(0.999999999848, -0.00001745329241591187, 0.00000000000020682944, 0, -0.00001745329241591187, -0.999999999848, -0.00000000000010341923, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 60% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 65% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 70% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 75% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 80% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 84.999% { | |
| transform: matrix3d(0.00001745329220908063, -0.00000000000010341382, 0.999999999848, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.999999999848, 0.00000000000010341743, -0.00001745329220908063, 0, 0, 0, 0, 1); } | |
| 85% { | |
| transform: matrix3d(-0.00000000000031024687, -0.00000000000010341562, 1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 1, 0.00000000000010341562, 0.00000000000031024687, 0, 0, 0, 0, 1); } | |
| 89.999% { | |
| transform: matrix3d(-0.00000000000031024687, -0.00000000000010341562, 1, 0, 0.999999999848, -0.00001745329231249624, 0.00000000000031024507, 0, 0.00001745329231249625, 0.999999999848, 0.00000000000010342104, 0, 0, 0, 0, 1); } | |
| 90% { | |
| transform: matrix3d(-0.00000000000031024687, -0.00000000000010341562, 1, 0, 1, 0.00000000000020683125, 0.00000000000031024687, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 95% { | |
| transform: matrix3d(-0.00000000000031024687, -0.00000000000010341562, 1, 0, 1, 0.00000000000020683125, 0.00000000000031024687, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 100% { | |
| transform: matrix3d(-0.00000000000031024687, -0.00000000000010341562, 1, 0, 1, 0.00000000000020683125, 0.00000000000031024687, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 0, 0, 0, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(4) { | |
| animation-name: rubiks-cube-1-detail-4; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-4 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 9.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, -90, 1); } | |
| 10% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 14.999% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -0.999999999848, 0.00001745329241591186, -0.00000000000010341562, 0, -0.00001745329241591187, -0.999999999848, -0.0000000000000000018, 0, 0, 0, -90, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -90, 1); } | |
| 20% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -90, 1); } | |
| 24.999% { | |
| transform: matrix3d(-0.999999999848, -0.00000000000010341562, 0.00001745329231249624, 0, -0.00001745329231249624, -0.0000000000000000018, -0.999999999848, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -90, 1); } | |
| 25% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000020683125, 0, 0.00000000000020683125, 0, -1, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -90, 1); } | |
| 30% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000020683125, 0, 0.00000000000020683125, 0, -1, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -90, 1); } | |
| 35% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000020683125, 0, 0.00000000000020683125, 0, -1, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -90, 1); } | |
| 40% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000020683125, 0, 0.00000000000020683125, 0, -1, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -90, 1); } | |
| 44.999% { | |
| transform: matrix3d(-0.00001745329231249625, -0.999999999848, -0.00000000000000000361, 0, 0.00000000000020683125, 0, -1, 0, 0.999999999848, -0.00001745329231249624, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 45% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 50% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 55% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 60% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 65% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 75% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 79.999% { | |
| transform: matrix3d(0.00000000000020683486, -0.00001745329241591187, -0.999999999848, 0, -0.00000000000020682764, 0.999999999848, -0.00001745329241591187, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 89.999% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.999999999848, 0.00001745329220908063, -0.00000000000020682944, 0, 0.00001745329220908063, 0.999999999848, 0.00000000000010341923, 0, 0, 0, -90, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000031024687, 1, 0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 94.999% { | |
| transform: matrix3d(-0.00000000000031024326, 0.999999999848, -0.00001745329231249625, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000020683666, 0.00001745329231249625, 0.999999999848, 0, 0, 0, -90, 1); } | |
| 95% { | |
| transform: matrix3d(-0.00000000000031024687, 1, 0.00000000000020683125, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -90, 1); } | |
| 100% { | |
| transform: matrix3d(-0.00000000000031024687, 1, 0.00000000000020683125, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -90, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(5) { | |
| animation-name: rubiks-cube-1-detail-5; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-5 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 9.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, -90, 1); } | |
| 10% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 20% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 29.999% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -0.999999999848, 0.00001745329241591186, -0.00000000000010341562, 0, -0.00001745329241591187, -0.999999999848, -0.0000000000000000018, 0, 0, 0, -90, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -90, 1); } | |
| 35% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -90, 1); } | |
| 40% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -90, 1); } | |
| 45% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -90, 1); } | |
| 49.999% { | |
| transform: matrix3d(0.00000000000010341382, -0.999999999848, 0.00001745329241591187, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341743, -0.00001745329241591187, -0.999999999848, 0, 0, 0, -90, 1); } | |
| 50% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 55% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 60% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 65% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 69.999% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -0.00001745329231249624, 0.00000000000010341382, -0.999999999848, 0, 0.999999999848, 0.00000000000010341743, -0.00001745329231249624, 0, 0, 0, -90, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 75% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 79.999% { | |
| transform: matrix3d(0.00000000000020683305, -0.00001745329231249624, -0.999999999848, 0, -0.00000000000010341201, 0.999999999848, -0.00001745329231249625, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 95% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 100% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -90, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(6) { | |
| animation-name: rubiks-cube-1-detail-6; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-6 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 9.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, -90, 1); } | |
| 10% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 20% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 34.999% { | |
| transform: matrix3d(-0.0000000000000000018, -0.999999999848, 0.00001745329241591187, 0, -0.00000000000010341562, 0.00001745329241591186, 0.999999999848, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 35% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 40% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 45% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 50% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 54.999% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.999999999848, -0.0000000000000000018, 0.00001745329231249624, 0, -0.00001745329231249624, 0.00000000000010341562, -0.999999999848, 0, 0, 0, -90, 1); } | |
| 55% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 60% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 65% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 70% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 74.999% { | |
| transform: matrix3d(0.999999999848, -0.00001745329241591187, 0.00000000000020682944, 0, -0.00001745329241591187, -0.999999999848, -0.00000000000010341923, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 75% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 80% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 84.999% { | |
| transform: matrix3d(0.00001745329220908063, -0.00000000000010341382, 0.999999999848, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.999999999848, 0.00000000000010341743, -0.00001745329220908063, 0, 0, 0, -90, 1); } | |
| 85% { | |
| transform: matrix3d(-0.00000000000031024687, -0.00000000000010341562, 1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 1, 0.00000000000010341562, 0.00000000000031024687, 0, 0, 0, -90, 1); } | |
| 89.999% { | |
| transform: matrix3d(-0.00000000000031024687, -0.00000000000010341562, 1, 0, 0.999999999848, -0.00001745329231249624, 0.00000000000031024507, 0, 0.00001745329231249625, 0.999999999848, 0.00000000000010342104, 0, 0, 0, -90, 1); } | |
| 90% { | |
| transform: matrix3d(-0.00000000000031024687, -0.00000000000010341562, 1, 0, 1, 0.00000000000020683125, 0.00000000000031024687, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 95% { | |
| transform: matrix3d(-0.00000000000031024687, -0.00000000000010341562, 1, 0, 1, 0.00000000000020683125, 0.00000000000031024687, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 100% { | |
| transform: matrix3d(-0.00000000000031024687, -0.00000000000010341562, 1, 0, 1, 0.00000000000020683125, 0.00000000000031024687, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 0, 0, -90, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(7) { | |
| animation-name: rubiks-cube-1-detail-7; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-7 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 9.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, -180, 1); } | |
| 10% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 14.999% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -0.999999999848, 0.00001745329241591186, -0.00000000000010341562, 0, -0.00001745329241591187, -0.999999999848, -0.0000000000000000018, 0, 0, 0, -180, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -180, 1); } | |
| 20% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -180, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -180, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -180, 1); } | |
| 35% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -180, 1); } | |
| 39.999% { | |
| transform: matrix3d(-0.999999999848, -0.00000000000010341562, 0.00001745329231249624, 0, -0.00001745329231249624, -0.0000000000000000018, -0.999999999848, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -180, 1); } | |
| 40% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000020683125, 0, 0.00000000000020683125, 0, -1, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -180, 1); } | |
| 44.999% { | |
| transform: matrix3d(-0.00001745329231249625, -0.999999999848, -0.00000000000000000361, 0, 0.00000000000020683125, 0, -1, 0, 0.999999999848, -0.00001745329231249624, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 45% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 50% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 55% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 60% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 64.999% { | |
| transform: matrix3d(0.00000000000020683486, -0.00001745329241591187, -0.999999999848, 0, -0.00000000000020682764, 0.999999999848, -0.00001745329241591187, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 65% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 75% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 89.999% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.999999999848, 0.00001745329220908063, -0.00000000000020682944, 0, 0.00001745329220908063, 0.999999999848, 0.00000000000010341923, 0, 0, 0, -180, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000031024687, 1, 0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 94.999% { | |
| transform: matrix3d(-0.00000000000031024326, 0.999999999848, -0.00001745329231249625, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000020683666, 0.00001745329231249625, 0.999999999848, 0, 0, 0, -180, 1); } | |
| 95% { | |
| transform: matrix3d(-0.00000000000031024687, 1, 0.00000000000020683125, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -180, 1); } | |
| 100% { | |
| transform: matrix3d(-0.00000000000031024687, 1, 0.00000000000020683125, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -180, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(8) { | |
| animation-name: rubiks-cube-1-detail-8; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-8 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 9.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, -180, 1); } | |
| 10% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 20% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 29.999% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -0.999999999848, 0.00001745329241591186, -0.00000000000010341562, 0, -0.00001745329241591187, -0.999999999848, -0.0000000000000000018, 0, 0, 0, -180, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -180, 1); } | |
| 35% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -180, 1); } | |
| 39.999% { | |
| transform: matrix3d(-0.999999999848, -0.00000000000010341562, 0.00001745329231249624, 0, -0.00001745329231249624, -0.0000000000000000018, -0.999999999848, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -180, 1); } | |
| 40% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000020683125, 0, 0.00000000000020683125, 0, -1, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -180, 1); } | |
| 44.999% { | |
| transform: matrix3d(-0.00001745329231249625, -0.999999999848, -0.00000000000000000361, 0, 0.00000000000020683125, 0, -1, 0, 0.999999999848, -0.00001745329231249624, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 45% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 50% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 55% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 60% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 64.999% { | |
| transform: matrix3d(0.00000000000020683486, -0.00001745329241591187, -0.999999999848, 0, -0.00000000000020682764, 0.999999999848, -0.00001745329241591187, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 65% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 74.999% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.999999999848, 0.00001745329220908063, -0.00000000000020682944, 0, 0.00001745329220908063, 0.999999999848, 0.00000000000010341923, 0, 0, 0, -180, 1); } | |
| 75% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000031024687, 1, 0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000031024687, 1, 0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000031024687, 1, 0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000031024687, 1, 0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 94.999% { | |
| transform: matrix3d(-0.00000000000031024326, 0.999999999848, -0.00001745329231249625, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000020683666, 0.00001745329231249625, 0.999999999848, 0, 0, 0, -180, 1); } | |
| 95% { | |
| transform: matrix3d(-0.00000000000031024687, 1, 0.00000000000020683125, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -180, 1); } | |
| 100% { | |
| transform: matrix3d(-0.00000000000031024687, 1, 0.00000000000020683125, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -180, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(9) { | |
| animation-name: rubiks-cube-1-detail-9; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-9 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 9.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, -180, 1); } | |
| 10% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 20% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 35% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 40% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 44.999% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -0.999999999848, 0.00001745329241591186, -0.00000000000010341562, 0, -0.00001745329241591187, -0.999999999848, -0.0000000000000000018, 0, 0, 0, -180, 1); } | |
| 45% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -180, 1); } | |
| 49.999% { | |
| transform: matrix3d(0.00000000000010341382, -0.999999999848, 0.00001745329241591187, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341743, -0.00001745329241591187, -0.999999999848, 0, 0, 0, -180, 1); } | |
| 50% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -180, 1); } | |
| 54.999% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -0.00001745329231249624, 0.00000000000010341382, -0.999999999848, 0, 0.999999999848, 0.00000000000010341743, -0.00001745329231249624, 0, 0, 0, -180, 1); } | |
| 55% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 60% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 64.999% { | |
| transform: matrix3d(0.00000000000020683305, -0.00001745329231249624, -0.999999999848, 0, -0.00000000000010341201, 0.999999999848, -0.00001745329231249625, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 65% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 75% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 95% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 100% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(10) { | |
| animation-name: rubiks-cube-1-detail-10; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-10 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 15% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 19.999% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 0.00001745329241591186, 0.999999999848, 0, 0, -0.999999999848, 0.00001745329241591186, 0, 0, 0, 0, 1); } | |
| 20% { | |
| transform: matrix3d(1, 0, 0, 0, 0, -0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 25% { | |
| transform: matrix3d(1, 0, 0, 0, 0, -0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 29.999% { | |
| transform: matrix3d(0.00001745329241591186, 0.999999999848, 0.00000000000010341562, 0, 0, -0.00000000000010341562, 1, 0, 0.999999999848, -0.00001745329241591187, -0.0000000000000000018, 0, 0, 0, 0, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0.00000000000010341562, 0, 0, -0.00000000000010341562, 1, 0, 1, 0.00000000000010341562, 0, 0, 0, 0, 0, 1); } | |
| 35% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0.00000000000010341562, 0, 0, -0.00000000000010341562, 1, 0, 1, 0.00000000000010341562, 0, 0, 0, 0, 0, 1); } | |
| 40% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0.00000000000010341562, 0, 0, -0.00000000000010341562, 1, 0, 1, 0.00000000000010341562, 0, 0, 0, 0, 0, 1); } | |
| 45% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0.00000000000010341562, 0, 0, -0.00000000000010341562, 1, 0, 1, 0.00000000000010341562, 0, 0, 0, 0, 0, 1); } | |
| 49.999% { | |
| transform: matrix3d(-0.0000000000000000018, 0.00001745329231249624, 0.999999999848, 0, 0.00000000000010341562, -0.999999999848, 0.00001745329231249624, 0, 1, 0.00000000000010341562, 0, 0, 0, 0, 0, 1); } | |
| 50% { | |
| transform: matrix3d(0, -0.00000000000020683125, 1, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, 1, 0.00000000000010341562, 0, 0, 0, 0, 0, 1); } | |
| 55% { | |
| transform: matrix3d(0, -0.00000000000020683125, 1, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, 1, 0.00000000000010341562, 0, 0, 0, 0, 0, 1); } | |
| 59.999% { | |
| transform: matrix3d(0, -0.00000000000020683125, 1, 0, 0.999999999848, -0.00001745329231249625, -0.00000000000000000361, 0, 0.00001745329231249624, 0.999999999848, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 60% { | |
| transform: matrix3d(0, -0.00000000000020683125, 1, 0, 1, 0.00000000000020683125, 0, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 65% { | |
| transform: matrix3d(0, -0.00000000000020683125, 1, 0, 1, 0.00000000000020683125, 0, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 70% { | |
| transform: matrix3d(0, -0.00000000000020683125, 1, 0, 1, 0.00000000000020683125, 0, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 75% { | |
| transform: matrix3d(0, -0.00000000000020683125, 1, 0, 1, 0.00000000000020683125, 0, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 79.999% { | |
| transform: matrix3d(0.00000000000020683125, -0.999999999848, 0.00001745329220908062, 0, 1, 0.00000000000020683125, 0, 0, -0.00000000000000000361, 0.00001745329220908063, 0.999999999848, 0, 0, 0, 0, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000020683125, -1, -0.00000000000031024687, 0, 1, 0.00000000000020683125, 0, 0, 0, -0.00000000000031024687, 1, 0, 0, 0, 0, 1); } | |
| 84.999% { | |
| transform: matrix3d(0.00000000000020683125, -1, -0.00000000000031024687, 0, 0.00001745329241591187, -0.00000000000031024326, 0.999999999848, 0, -0.999999999848, -0.00000000000020683666, 0.00001745329241591187, 0, 0, 0, 0, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000020683125, -1, -0.00000000000031024687, 0, -0.00000000000010341562, -0.00000000000031024687, 1, 0, -1, -0.00000000000020683125, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000020683125, -1, -0.00000000000031024687, 0, -0.00000000000010341562, -0.00000000000031024687, 1, 0, -1, -0.00000000000020683125, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 95% { | |
| transform: matrix3d(0.00000000000020683125, -1, -0.00000000000031024687, 0, -0.00000000000010341562, -0.00000000000031024687, 1, 0, -1, -0.00000000000020683125, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 100% { | |
| transform: matrix3d(0.00000000000020683125, -1, -0.00000000000031024687, 0, -0.00000000000010341562, -0.00000000000031024687, 1, 0, -1, -0.00000000000020683125, -0.00000000000010341562, 0, 0, 0, 0, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(11) { | |
| animation-name: rubiks-cube-1-detail-11; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-11 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 15% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 20% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 24.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, 0, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 29.999% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -0.999999999848, 0.00001745329241591186, -0.00000000000010341562, 0, -0.00001745329241591187, -0.999999999848, -0.0000000000000000018, 0, 0, 0, 0, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 34.999% { | |
| transform: matrix3d(0.00000000000010341382, -0.999999999848, 0.00001745329241591187, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341743, -0.00001745329241591187, -0.999999999848, 0, 0, 0, 0, 1); } | |
| 35% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 40% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 45% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 50% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 55% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 59.999% { | |
| transform: matrix3d(0.999999999848, -0.00001745329231249624, 0.00000000000010341382, 0, -0.00001745329231249624, -0.999999999848, -0.00000000000010341743, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 60% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000010341562, 0, 0.00000000000020683125, -1, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 65% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000010341562, 0, 0.00000000000020683125, -1, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 69.999% { | |
| transform: matrix3d(0.00001745329231249625, -0.00000000000010341201, 0.999999999848, 0, 0.00000000000020683125, -1, -0.00000000000010341562, 0, 0.999999999848, 0.00000000000020683305, -0.00001745329231249624, 0, 0, 0, 0, 1); } | |
| 70% { | |
| transform: matrix3d(-0.00000000000020683125, -0.00000000000010341562, 1, 0, 0.00000000000020683125, -1, -0.00000000000010341562, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 74.999% { | |
| transform: matrix3d(-0.00000000000020683125, -0.00000000000010341562, 1, 0, 0.999999999848, -0.00001745329220908063, 0.00000000000020682944, 0, 0.00001745329220908063, 0.999999999848, 0.00000000000010341923, 0, 0, 0, 0, 1); } | |
| 75% { | |
| transform: matrix3d(-0.00000000000020683125, -0.00000000000010341562, 1, 0, 1, 0.00000000000031024687, 0.00000000000020683125, 0, -0.00000000000031024687, 1, 0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 79.999% { | |
| transform: matrix3d(0.00000000000031024326, -0.999999999848, 0.00001745329231249625, 0, 1, 0.00000000000031024687, 0.00000000000020683125, 0, -0.00000000000020683666, 0.00001745329231249625, 0.999999999848, 0, 0, 0, 0, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000020683125, 0, 1, 0.00000000000031024687, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000020683125, 0, 1, 0.00000000000031024687, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 89.999% { | |
| transform: matrix3d(0.999999999848, -0.00001745329210566501, 0.00000000000020682764, 0, 0.00001745329210566501, 0.999999999848, 0.00000000000020683486, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 90% { | |
| transform: matrix3d(1, 0.00000000000041366249, 0.00000000000020683125, 0, -0.00000000000041366249, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 95% { | |
| transform: matrix3d(1, 0.00000000000041366249, 0.00000000000020683125, 0, -0.00000000000041366249, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 100% { | |
| transform: matrix3d(1, 0.00000000000041366249, 0.00000000000020683125, 0, -0.00000000000041366249, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(12) { | |
| animation-name: rubiks-cube-1-detail-12; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-12 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 15% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 20% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 24.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, 0, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 35% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 40% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 44.999% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -0.999999999848, 0.00001745329241591186, -0.00000000000010341562, 0, -0.00001745329241591187, -0.999999999848, -0.0000000000000000018, 0, 0, 0, 0, 1); } | |
| 45% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 50% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 54.999% { | |
| transform: matrix3d(-0.999999999848, -0.00000000000010341562, 0.00001745329231249624, 0, -0.00001745329231249624, -0.0000000000000000018, -0.999999999848, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 55% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000020683125, 0, 0.00000000000020683125, 0, -1, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 60% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000020683125, 0, 0.00000000000020683125, 0, -1, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 64.999% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000020683125, 0, -0.00000000000010341201, 0.999999999848, -0.00001745329241591187, 0, 0.00000000000020683305, -0.00001745329241591187, -0.999999999848, 0, 0, 0, 0, 1); } | |
| 65% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000020683125, 0, -0.00000000000010341562, 1, 0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, 0, 1); } | |
| 69.999% { | |
| transform: matrix3d(-0.00001745329220908063, 0.00000000000010341382, -0.999999999848, 0, -0.00000000000010341562, 1, 0.00000000000010341562, 0, 0.999999999848, 0.00000000000010341743, -0.00001745329220908063, 0, 0, 0, 0, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000031024687, 0.00000000000010341562, -1, 0, -0.00000000000010341562, 1, 0.00000000000010341562, 0, 1, 0.00000000000010341562, 0.00000000000031024687, 0, 0, 0, 0, 1); } | |
| 75% { | |
| transform: matrix3d(0.00000000000031024687, 0.00000000000010341562, -1, 0, -0.00000000000010341562, 1, 0.00000000000010341562, 0, 1, 0.00000000000010341562, 0.00000000000031024687, 0, 0, 0, 0, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000031024687, 0.00000000000010341562, -1, 0, -0.00000000000010341562, 1, 0.00000000000010341562, 0, 1, 0.00000000000010341562, 0.00000000000031024687, 0, 0, 0, 0, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000031024687, 0.00000000000010341562, -1, 0, -0.00000000000010341562, 1, 0.00000000000010341562, 0, 1, 0.00000000000010341562, 0.00000000000031024687, 0, 0, 0, 0, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000031024687, 0.00000000000010341562, -1, 0, -0.00000000000010341562, 1, 0.00000000000010341562, 0, 1, 0.00000000000010341562, 0.00000000000031024687, 0, 0, 0, 0, 1); } | |
| 94.999% { | |
| transform: matrix3d(-0.00000000000010341021, 0.999999999848, -0.00001745329231249625, 0, -0.00000000000031024868, 0.00001745329231249624, 0.999999999848, 0, 1, 0.00000000000010341562, 0.00000000000031024687, 0, 0, 0, 0, 1); } | |
| 95% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0.00000000000020683125, 0, -0.00000000000031024687, -0.00000000000020683125, 1, 0, 1, 0.00000000000010341562, 0.00000000000031024687, 0, 0, 0, 0, 1); } | |
| 100% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0.00000000000020683125, 0, -0.00000000000031024687, -0.00000000000020683125, 1, 0, 1, 0.00000000000010341562, 0.00000000000031024687, 0, 0, 0, 0, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(13) { | |
| animation-name: rubiks-cube-1-detail-13; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-13 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 15% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 19.999% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 0.00001745329241591186, 0.999999999848, 0, 0, -0.999999999848, 0.00001745329241591186, 0, 0, 0, -90, 1); } | |
| 20% { | |
| transform: matrix3d(1, 0, 0, 0, 0, -0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 24.999% { | |
| transform: matrix3d(0.00001745329241591186, -0.00000000000010341562, 0.999999999848, 0, -0.999999999848, -0.0000000000000000018, 0.00001745329241591187, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 34.999% { | |
| transform: matrix3d(-0.0000000000000000018, -0.999999999848, 0.00001745329231249624, 0, -1, 0, -0.00000000000010341562, 0, 0.00000000000010341562, -0.00001745329231249624, -0.999999999848, 0, 0, 0, -90, 1); } | |
| 35% { | |
| transform: matrix3d(0, -1, -0.00000000000020683125, 0, -1, 0, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -90, 1); } | |
| 39.999% { | |
| transform: matrix3d(0, -1, -0.00000000000020683125, 0, -0.00001745329231249624, 0.00000000000020683125, -0.999999999848, 0, 0.999999999848, 0.00000000000000000361, -0.00001745329231249625, 0, 0, 0, -90, 1); } | |
| 40% { | |
| transform: matrix3d(0, -1, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, 1, 0, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 45% { | |
| transform: matrix3d(0, -1, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, 1, 0, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 50% { | |
| transform: matrix3d(0, -1, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, 1, 0, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 55% { | |
| transform: matrix3d(0, -1, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, 1, 0, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 60% { | |
| transform: matrix3d(0, -1, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, 1, 0, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 65% { | |
| transform: matrix3d(0, -1, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, 1, 0, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 70% { | |
| transform: matrix3d(0, -1, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, 1, 0, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 74.999% { | |
| transform: matrix3d(0.999999999848, -0.00001745329241591187, 0.00000000000020682764, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, 0.00001745329241591187, 0.999999999848, 0.00000000000020683486, 0, 0, 0, -90, 1); } | |
| 75% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 80% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 85% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 90% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 95% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 100% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0, 0, -90, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(14) { | |
| animation-name: rubiks-cube-1-detail-14; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-14 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 15% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 20% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 24.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, -90, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 29.999% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -0.999999999848, 0.00001745329241591186, -0.00000000000010341562, 0, -0.00001745329241591187, -0.999999999848, -0.0000000000000000018, 0, 0, 0, -90, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, -90, 1); } | |
| 34.999% { | |
| transform: matrix3d(0.00000000000010341382, -0.999999999848, 0.00001745329241591187, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341743, -0.00001745329241591187, -0.999999999848, 0, 0, 0, -90, 1); } | |
| 35% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 40% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 45% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 50% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 55% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 60% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 65% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 69.999% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, -0.00001745329231249624, 0.00000000000010341382, -0.999999999848, 0, 0.999999999848, 0.00000000000010341743, -0.00001745329231249624, 0, 0, 0, -90, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 74.999% { | |
| transform: matrix3d(0.999999999848, -0.00001745329231249624, 0.00000000000020682944, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0.00001745329231249625, 0.999999999848, 0.00000000000010341923, 0, 0, 0, -90, 1); } | |
| 75% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 79.999% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020682764, 0.999999999848, -0.00001745329231249625, 0, -0.00000000000020683486, 0.00001745329231249625, 0.999999999848, 0, 0, 0, -90, 1); } | |
| 80% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -90, 1); } | |
| 85% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -90, 1); } | |
| 90% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -90, 1); } | |
| 95% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -90, 1); } | |
| 100% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -90, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(15) { | |
| animation-name: rubiks-cube-1-detail-15; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-15 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 15% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 20% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 24.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, -90, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 34.999% { | |
| transform: matrix3d(-0.0000000000000000018, -0.999999999848, 0.00001745329241591187, 0, -0.00000000000010341562, 0.00001745329241591186, 0.999999999848, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 35% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 40% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 45% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 50% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 54.999% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -0.999999999848, -0.0000000000000000018, 0.00001745329231249624, 0, -0.00001745329231249624, 0.00000000000010341562, -0.999999999848, 0, 0, 0, -90, 1); } | |
| 55% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 60% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 65% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 70% { | |
| transform: matrix3d(0, -1, -0.00000000000010341562, 0, -1, 0, -0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 74.999% { | |
| transform: matrix3d(0.999999999848, -0.00001745329241591187, 0.00000000000020682944, 0, -0.00001745329241591187, -0.999999999848, -0.00000000000010341923, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 75% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 80% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 85% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 90% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 94.999% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000020683305, -0.00001745329231249624, -0.999999999848, 0, -0.00000000000010341201, 0.999999999848, -0.00001745329231249625, 0, 0, 0, -90, 1); } | |
| 95% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 100% { | |
| transform: matrix3d(1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0, 0, -90, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(16) { | |
| animation-name: rubiks-cube-1-detail-16; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-16 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 14.999% { | |
| transform: matrix3d(0.00001745329241591186, 0.999999999848, 0, 0, -0.999999999848, 0.00001745329241591186, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 20% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 34.999% { | |
| transform: matrix3d(-0.0000000000000000018, 0.00001745329241591187, 0.999999999848, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -0.999999999848, 0.00001745329241591186, 0, 0, 0, -180, 1); } | |
| 35% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 39.999% { | |
| transform: matrix3d(-0.999999999848, -0.00000000000010341743, 0.00001745329241591187, 0, -0.00001745329241591187, 0.00000000000010341382, -0.999999999848, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 40% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 45% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 49.999% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341382, 0.999999999848, -0.00001745329231249624, 0, 0.00000000000010341743, -0.00001745329231249624, -0.999999999848, 0, 0, 0, -180, 1); } | |
| 50% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -180, 1); } | |
| 55% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -180, 1); } | |
| 60% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -180, 1); } | |
| 65% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -180, 1); } | |
| 69.999% { | |
| transform: matrix3d(-0.00001745329231249624, 0.00000000000020682944, -0.999999999848, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.999999999848, 0.00000000000010341923, -0.00001745329231249625, 0, 0, 0, -180, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 75% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 89.999% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.999999999848, 0.00001745329231249625, -0.00000000000020682764, 0, 0.00001745329231249625, 0.999999999848, 0.00000000000020683486, 0, 0, 0, -180, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -1, -0.00000000000020683125, -0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 95% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -1, -0.00000000000020683125, -0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 100% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -1, -0.00000000000020683125, -0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, -180, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(17) { | |
| animation-name: rubiks-cube-1-detail-17; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-17 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 14.999% { | |
| transform: matrix3d(0.00001745329241591186, 0.999999999848, 0, 0, -0.999999999848, 0.00001745329241591186, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 20% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 24.999% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -0.00001745329241591187, -0.0000000000000000018, -0.999999999848, 0, -0.999999999848, -0.00000000000010341562, 0.00001745329241591186, 0, 0, 0, -180, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, 0.00000000000010341562, 0, -1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 29.999% { | |
| transform: matrix3d(-0.999999999848, 0.00001745329231249624, -0.00000000000010341562, 0, 0.00000000000010341562, 0, -1, 0, -0.00001745329231249624, -0.999999999848, -0.0000000000000000018, 0, 0, 0, -180, 1); } | |
| 30% { | |
| transform: matrix3d(-1, -0.00000000000020683125, -0.00000000000010341562, 0, 0.00000000000010341562, 0, -1, 0, 0.00000000000020683125, -1, 0, 0, 0, 0, -180, 1); } | |
| 34.999% { | |
| transform: matrix3d(-1, -0.00000000000020683125, -0.00000000000010341562, 0, -0.00000000000020682944, 0.999999999848, -0.00001745329241591187, 0, 0.00000000000010341923, -0.00001745329241591187, -0.999999999848, 0, 0, 0, -180, 1); } | |
| 35% { | |
| transform: matrix3d(-1, -0.00000000000020683125, -0.00000000000010341562, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -180, 1); } | |
| 40% { | |
| transform: matrix3d(-1, -0.00000000000020683125, -0.00000000000010341562, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -180, 1); } | |
| 44.999% { | |
| transform: matrix3d(-0.00001745329220908063, -0.999999999848, -0.00000000000010341743, 0, -0.999999999848, 0.00001745329220908063, -0.00000000000010341382, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -180, 1); } | |
| 45% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -1, -0.00000000000031024687, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -180, 1); } | |
| 50% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -1, -0.00000000000031024687, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -180, 1); } | |
| 55% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -1, -0.00000000000031024687, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -180, 1); } | |
| 60% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -1, -0.00000000000031024687, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -180, 1); } | |
| 65% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -1, -0.00000000000031024687, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -180, 1); } | |
| 69.999% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -0.00001745329231249625, 0.00000000000010341021, -0.999999999848, 0, 0.999999999848, 0.00000000000031024868, -0.00001745329231249624, 0, 0, 0, -180, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 1, 0.00000000000031024687, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 74.999% { | |
| transform: matrix3d(0.999999999848, -0.00001745329210566501, 0.00000000000020682944, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, 0.00001745329210566501, 0.999999999848, 0.00000000000010341923, 0, 0, 0, -180, 1); } | |
| 75% { | |
| transform: matrix3d(1, 0.00000000000041366249, 0.00000000000020683125, 0, 0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.00000000000041366249, 1, 0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 79.999% { | |
| transform: matrix3d(1, 0.00000000000041366249, 0.00000000000020683125, 0, -0.00000000000041365888, 0.999999999848, -0.00001745329231249625, 0, -0.00000000000020683847, 0.00001745329231249626, 0.999999999848, 0, 0, 0, -180, 1); } | |
| 80% { | |
| transform: matrix3d(1, 0.00000000000041366249, 0.00000000000020683125, 0, -0.00000000000041366249, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -180, 1); } | |
| 85% { | |
| transform: matrix3d(1, 0.00000000000041366249, 0.00000000000020683125, 0, -0.00000000000041366249, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -180, 1); } | |
| 90% { | |
| transform: matrix3d(1, 0.00000000000041366249, 0.00000000000020683125, 0, -0.00000000000041366249, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -180, 1); } | |
| 95% { | |
| transform: matrix3d(1, 0.00000000000041366249, 0.00000000000020683125, 0, -0.00000000000041366249, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -180, 1); } | |
| 100% { | |
| transform: matrix3d(1, 0.00000000000041366249, 0.00000000000020683125, 0, -0.00000000000041366249, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -180, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(18) { | |
| animation-name: rubiks-cube-1-detail-18; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-18 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 14.999% { | |
| transform: matrix3d(0.00001745329241591186, 0.999999999848, 0, 0, -0.999999999848, 0.00001745329241591186, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 20% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 34.999% { | |
| transform: matrix3d(-0.0000000000000000018, 0.00001745329241591187, 0.999999999848, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -0.999999999848, 0.00001745329241591186, 0, 0, 0, -180, 1); } | |
| 35% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 39.999% { | |
| transform: matrix3d(-0.999999999848, -0.00000000000010341743, 0.00001745329241591187, 0, -0.00001745329241591187, 0.00000000000010341382, -0.999999999848, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 40% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 45% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 50% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 55% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 60% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 64.999% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341382, 0.999999999848, -0.00001745329231249624, 0, 0.00000000000010341743, -0.00001745329231249624, -0.999999999848, 0, 0, 0, -180, 1); } | |
| 65% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -180, 1); } | |
| 69.999% { | |
| transform: matrix3d(-0.00001745329231249624, 0.00000000000020682944, -0.999999999848, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.999999999848, 0.00000000000010341923, -0.00001745329231249625, 0, 0, 0, -180, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 75% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 95% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 100% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(19) { | |
| animation-name: rubiks-cube-1-detail-19; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-19 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 15% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 19.999% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 0.00001745329241591186, 0.999999999848, 0, 0, -0.999999999848, 0.00001745329241591186, 0, 0, 0, 0, 1); } | |
| 20% { | |
| transform: matrix3d(1, 0, 0, 0, 0, -0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 25% { | |
| transform: matrix3d(1, 0, 0, 0, 0, -0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 30% { | |
| transform: matrix3d(1, 0, 0, 0, 0, -0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 35% { | |
| transform: matrix3d(1, 0, 0, 0, 0, -0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 40% { | |
| transform: matrix3d(1, 0, 0, 0, 0, -0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 44.999% { | |
| transform: matrix3d(0.00001745329241591186, 0.999999999848, 0.00000000000010341562, 0, 0, -0.00000000000010341562, 1, 0, 0.999999999848, -0.00001745329241591187, -0.0000000000000000018, 0, 0, 0, 0, 1); } | |
| 45% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0.00000000000010341562, 0, 0, -0.00000000000010341562, 1, 0, 1, 0.00000000000010341562, 0, 0, 0, 0, 0, 1); } | |
| 49.999% { | |
| transform: matrix3d(-0.0000000000000000018, 0.00001745329231249624, 0.999999999848, 0, 0.00000000000010341562, -0.999999999848, 0.00001745329231249624, 0, 1, 0.00000000000010341562, 0, 0, 0, 0, 0, 1); } | |
| 50% { | |
| transform: matrix3d(0, -0.00000000000020683125, 1, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, 1, 0.00000000000010341562, 0, 0, 0, 0, 0, 1); } | |
| 54.999% { | |
| transform: matrix3d(-0.999999999848, -0.00000000000010341923, 0.00001745329241591187, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, 0.00001745329241591187, -0.00000000000020682944, 0.999999999848, 0, 0, 0, 0, 1); } | |
| 55% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 60% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 65% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 70% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 75% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 80% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 85% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 89.999% { | |
| transform: matrix3d(-0.00001745329231249624, -0.999999999848, -0.00000000000020683305, 0, 0.999999999848, -0.00001745329231249625, 0.00000000000010341201, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000020683125, -1, -0.00000000000020683125, 0, 1, 0.00000000000020683125, 0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 94.999% { | |
| transform: matrix3d(0.00000000000010341923, -0.00001745329220908063, -0.999999999848, 0, 1, 0.00000000000020683125, 0.00000000000010341562, 0, 0.00000000000020682944, -0.999999999848, 0.00001745329220908063, 0, 0, 0, 0, 1); } | |
| 95% { | |
| transform: matrix3d(0.00000000000010341562, 0.00000000000031024687, -1, 0, 1, 0.00000000000020683125, 0.00000000000010341562, 0, 0.00000000000020683125, -1, -0.00000000000031024687, 0, 0, 0, 0, 1); } | |
| 100% { | |
| transform: matrix3d(0.00000000000010341562, 0.00000000000031024687, -1, 0, 1, 0.00000000000020683125, 0.00000000000010341562, 0, 0.00000000000020683125, -1, -0.00000000000031024687, 0, 0, 0, 0, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(20) { | |
| animation-name: rubiks-cube-1-detail-20; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-20 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 15% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 20% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 25% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 30% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 34.999% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 0.00001745329241591186, 0.999999999848, 0, 0, -0.999999999848, 0.00001745329241591186, 0, 0, 0, 0, 1); } | |
| 35% { | |
| transform: matrix3d(1, 0, 0, 0, 0, -0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 40% { | |
| transform: matrix3d(1, 0, 0, 0, 0, -0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 44.999% { | |
| transform: matrix3d(0.00001745329241591186, 0.999999999848, 0.00000000000010341562, 0, 0, -0.00000000000010341562, 1, 0, 0.999999999848, -0.00001745329241591187, -0.0000000000000000018, 0, 0, 0, 0, 1); } | |
| 45% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0.00000000000010341562, 0, 0, -0.00000000000010341562, 1, 0, 1, 0.00000000000010341562, 0, 0, 0, 0, 0, 1); } | |
| 49.999% { | |
| transform: matrix3d(-0.0000000000000000018, 0.00001745329231249624, 0.999999999848, 0, 0.00000000000010341562, -0.999999999848, 0.00001745329231249624, 0, 1, 0.00000000000010341562, 0, 0, 0, 0, 0, 1); } | |
| 50% { | |
| transform: matrix3d(0, -0.00000000000020683125, 1, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, 1, 0.00000000000010341562, 0, 0, 0, 0, 0, 1); } | |
| 54.999% { | |
| transform: matrix3d(-0.999999999848, -0.00000000000010341923, 0.00001745329241591187, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, 0.00001745329241591187, -0.00000000000020682944, 0.999999999848, 0, 0, 0, 0, 1); } | |
| 55% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 60% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 65% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 70% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 75% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, -0.00000000000020683125, 0, -0.00000000000010341562, -0.00000000000020683125, 1, 0, 0, 0, 0, 1); } | |
| 79.999% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341743, -0.00001745329220908063, -0.999999999848, 0, 0.00000000000010341382, -0.999999999848, 0.00001745329220908063, 0, 0, 0, 0, 1); } | |
| 80% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000031024687, -1, 0, 0.00000000000010341562, -1, -0.00000000000031024687, 0, 0, 0, 0, 1); } | |
| 85% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000031024687, -1, 0, 0.00000000000010341562, -1, -0.00000000000031024687, 0, 0, 0, 0, 1); } | |
| 90% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000031024687, -1, 0, 0.00000000000010341562, -1, -0.00000000000031024687, 0, 0, 0, 0, 1); } | |
| 95% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000031024687, -1, 0, 0.00000000000010341562, -1, -0.00000000000031024687, 0, 0, 0, 0, 1); } | |
| 100% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000031024687, -1, 0, 0.00000000000010341562, -1, -0.00000000000031024687, 0, 0, 0, 0, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(21) { | |
| animation-name: rubiks-cube-1-detail-21; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-21 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 15% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 20% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 25% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 30% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 35% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 39.999% { | |
| transform: matrix3d(0.00001745329241591186, 0, 0.999999999848, 0, 0, 1, 0, 0, -0.999999999848, 0, 0.00001745329241591186, 0, 0, 0, 0, 1); } | |
| 40% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, 0, 1, 0, 0, -1, 0, -0.00000000000010341562, 0, 0, 0, 0, 1); } | |
| 44.999% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -0.999999999848, 0.00001745329241591186, -0.00000000000010341562, 0, -0.00001745329241591187, -0.999999999848, -0.0000000000000000018, 0, 0, 0, 0, 1); } | |
| 45% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 50% { | |
| transform: matrix3d(-0.00000000000010341562, 0, 1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 54.999% { | |
| transform: matrix3d(-0.999999999848, -0.00000000000010341562, 0.00001745329231249624, 0, -0.00001745329231249624, -0.0000000000000000018, -0.999999999848, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 55% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000020683125, 0, 0.00000000000020683125, 0, -1, 0, 0.00000000000010341562, -1, 0, 0, 0, 0, 0, 1); } | |
| 59.999% { | |
| transform: matrix3d(-0.00001745329231249625, -0.999999999848, -0.00000000000000000361, 0, 0.00000000000020683125, 0, -1, 0, 0.999999999848, -0.00001745329231249624, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 60% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 65% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 75% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000020683125, -1, 0, 0, 0.00000000000020683125, 0, -1, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 94.999% { | |
| transform: matrix3d(0.00000000000020683486, -0.00001745329241591187, -0.999999999848, 0, -0.00000000000020682764, 0.999999999848, -0.00001745329241591187, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 95% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, 0, 1); } | |
| 100% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000010341562, -1, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 1, 0.00000000000020683125, 0.00000000000020683125, 0, 0, 0, 0, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(22) { | |
| animation-name: rubiks-cube-1-detail-22; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-22 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 15% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 19.999% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 0.00001745329241591186, 0.999999999848, 0, 0, -0.999999999848, 0.00001745329241591186, 0, 0, 0, -90, 1); } | |
| 20% { | |
| transform: matrix3d(1, 0, 0, 0, 0, -0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 24.999% { | |
| transform: matrix3d(0.00001745329241591186, -0.00000000000010341562, 0.999999999848, 0, -0.999999999848, -0.0000000000000000018, 0.00001745329241591187, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 25% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 35% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 40% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 45% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 50% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 55% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, -1, 0, -0.00000000000010341562, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 59.999% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, -0.00001745329241591187, -0.999999999848, -0.00000000000010341743, 0, 0.999999999848, -0.00001745329241591187, 0.00000000000010341382, 0, 0, 0, -90, 1); } | |
| 60% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 1, 0.00000000000010341562, 0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 65% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 1, 0.00000000000010341562, 0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 70% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 1, 0.00000000000010341562, 0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 75% { | |
| transform: matrix3d(-0.00000000000010341562, -0.00000000000010341562, 1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 1, 0.00000000000010341562, 0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 79.999% { | |
| transform: matrix3d(0.00000000000010341382, -0.999999999848, 0.00001745329231249624, 0, 0.00000000000010341743, -0.00001745329231249624, -0.999999999848, 0, 1, 0.00000000000010341562, 0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 1, 0.00000000000010341562, 0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 84.999% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000020683125, 0, 0.999999999848, 0.00000000000010341923, -0.00001745329231249625, 0, 0.00001745329231249624, -0.00000000000020682944, 0.999999999848, 0, 0, 0, -90, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -90, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000010341562, -1, -0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -90, 1); } | |
| 94.999% { | |
| transform: matrix3d(0.00000000000020683305, -0.00001745329220908063, -0.999999999848, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341201, -0.999999999848, 0.00001745329220908063, 0, 0, 0, -90, 1); } | |
| 95% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000031024687, -1, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341562, -1, -0.00000000000031024687, 0, 0, 0, -90, 1); } | |
| 100% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000031024687, -1, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0.00000000000010341562, -1, -0.00000000000031024687, 0, 0, 0, -90, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(23) { | |
| animation-name: rubiks-cube-1-detail-23; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-23 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 15% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 20% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 25% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 29.999% { | |
| transform: matrix3d(0.00001745329241591186, 0.999999999848, 0, 0, -0.999999999848, 0.00001745329241591186, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 35% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 40% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 45% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 50% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 55% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 60% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 64.999% { | |
| transform: matrix3d(-0.0000000000000000018, 0.00001745329241591187, 0.999999999848, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -0.999999999848, 0.00001745329241591186, 0, 0, 0, -90, 1); } | |
| 65% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 69.999% { | |
| transform: matrix3d(-0.999999999848, -0.00000000000010341743, 0.00001745329241591187, 0, -0.00001745329241591187, 0.00000000000010341382, -0.999999999848, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 70% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 75% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 79.999% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341382, 0.999999999848, -0.00001745329231249624, 0, 0.00000000000010341743, -0.00001745329231249624, -0.999999999848, 0, 0, 0, -90, 1); } | |
| 80% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -90, 1); } | |
| 84.999% { | |
| transform: matrix3d(-0.00001745329231249624, 0.00000000000020682944, -0.999999999848, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.999999999848, 0.00000000000010341923, -0.00001745329231249625, 0, 0, 0, -90, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 95% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -90, 1); } | |
| 100% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -90, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(24) { | |
| animation-name: rubiks-cube-1-detail-24; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-24 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 15% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 20% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 25% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 29.999% { | |
| transform: matrix3d(0.00001745329241591186, 0.999999999848, 0, 0, -0.999999999848, 0.00001745329241591186, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 30% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 35% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -90, 1); } | |
| 39.999% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -0.00001745329241591187, -0.0000000000000000018, -0.999999999848, 0, -0.999999999848, -0.00000000000010341562, 0.00001745329241591186, 0, 0, 0, -90, 1); } | |
| 40% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, 0.00000000000010341562, 0, -1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 45% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, 0.00000000000010341562, 0, -1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 50% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, 0.00000000000010341562, 0, -1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 55% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, 0.00000000000010341562, 0, -1, 0, -1, -0.00000000000010341562, -0.00000000000010341562, 0, 0, 0, -90, 1); } | |
| 59.999% { | |
| transform: matrix3d(-0.999999999848, 0.00001745329231249624, -0.00000000000010341562, 0, 0.00000000000010341562, 0, -1, 0, -0.00001745329231249624, -0.999999999848, -0.0000000000000000018, 0, 0, 0, -90, 1); } | |
| 60% { | |
| transform: matrix3d(-1, -0.00000000000020683125, -0.00000000000010341562, 0, 0.00000000000010341562, 0, -1, 0, 0.00000000000020683125, -1, 0, 0, 0, 0, -90, 1); } | |
| 64.999% { | |
| transform: matrix3d(-1, -0.00000000000020683125, -0.00000000000010341562, 0, -0.00000000000020682944, 0.999999999848, -0.00001745329241591187, 0, 0.00000000000010341923, -0.00001745329241591187, -0.999999999848, 0, 0, 0, -90, 1); } | |
| 65% { | |
| transform: matrix3d(-1, -0.00000000000020683125, -0.00000000000010341562, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 70% { | |
| transform: matrix3d(-1, -0.00000000000020683125, -0.00000000000010341562, 0, -0.00000000000020683125, 1, 0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 74.999% { | |
| transform: matrix3d(-0.00001745329220908063, -0.999999999848, -0.00000000000010341743, 0, -0.999999999848, 0.00001745329220908063, -0.00000000000010341382, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 75% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -1, -0.00000000000031024687, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -1, -0.00000000000031024687, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -1, -0.00000000000031024687, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -1, -0.00000000000031024687, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 95% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -1, -0.00000000000031024687, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } | |
| 100% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -1, -0.00000000000031024687, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0, 0, -90, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(25) { | |
| animation-name: rubiks-cube-1-detail-25; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-25 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 14.999% { | |
| transform: matrix3d(0.00001745329241591186, 0.999999999848, 0, 0, -0.999999999848, 0.00001745329241591186, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 19.999% { | |
| transform: matrix3d(-0.0000000000000000018, 0.00001745329241591187, 0.999999999848, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -0.999999999848, 0.00001745329241591186, 0, 0, 0, -180, 1); } | |
| 20% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 25% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 30% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 35% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 39.999% { | |
| transform: matrix3d(-0.999999999848, -0.00000000000010341743, 0.00001745329241591187, 0, -0.00001745329241591187, 0.00000000000010341382, -0.999999999848, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 40% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 45% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 49.999% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341382, 0.999999999848, -0.00001745329231249624, 0, 0.00000000000010341743, -0.00001745329231249624, -0.999999999848, 0, 0, 0, -180, 1); } | |
| 50% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -180, 1); } | |
| 55% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -180, 1); } | |
| 60% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -180, 1); } | |
| 65% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -180, 1); } | |
| 70% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -180, 1); } | |
| 75% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -180, 1); } | |
| 80% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.00000000000010341562, 0.00000000000020683125, -1, 0, 0, 0, -180, 1); } | |
| 84.999% { | |
| transform: matrix3d(-0.00001745329231249624, 0.00000000000020682944, -0.999999999848, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 0.999999999848, 0.00000000000010341923, -0.00001745329231249625, 0, 0, 0, -180, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.00000000000010341562, 1, 0.00000000000020683125, 0, 1, 0.00000000000010341562, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 89.999% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -0.999999999848, 0.00001745329231249625, -0.00000000000020682764, 0, 0.00001745329231249625, 0.999999999848, 0.00000000000020683486, 0, 0, 0, -180, 1); } | |
| 90% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -1, -0.00000000000020683125, -0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 95% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -1, -0.00000000000020683125, -0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 100% { | |
| transform: matrix3d(0.00000000000020683125, 0.00000000000020683125, -1, 0, -1, -0.00000000000020683125, -0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0, 0, -180, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(26) { | |
| animation-name: rubiks-cube-1-detail-26; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-26 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 14.999% { | |
| transform: matrix3d(0.00001745329241591186, 0.999999999848, 0, 0, -0.999999999848, 0.00001745329241591186, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 19.999% { | |
| transform: matrix3d(-0.0000000000000000018, 0.00001745329241591187, 0.999999999848, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -0.999999999848, 0.00001745329241591186, 0, 0, 0, -180, 1); } | |
| 20% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 25% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 29.999% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -0.00001745329231249624, -0.999999999848, -0.00000000000010341562, 0, 0.999999999848, -0.00001745329231249624, -0.0000000000000000018, 0, 0, 0, -180, 1); } | |
| 30% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, 0.00000000000020683125, -1, -0.00000000000010341562, 0, 1, 0.00000000000020683125, 0, 0, 0, 0, -180, 1); } | |
| 35% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, 0.00000000000020683125, -1, -0.00000000000010341562, 0, 1, 0.00000000000020683125, 0, 0, 0, 0, -180, 1); } | |
| 40% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, 0.00000000000020683125, -1, -0.00000000000010341562, 0, 1, 0.00000000000020683125, 0, 0, 0, 0, -180, 1); } | |
| 45% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, 0.00000000000020683125, -1, -0.00000000000010341562, 0, 1, 0.00000000000020683125, 0, 0, 0, 0, -180, 1); } | |
| 50% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, 0.00000000000020683125, -1, -0.00000000000010341562, 0, 1, 0.00000000000020683125, 0, 0, 0, 0, -180, 1); } | |
| 54.999% { | |
| transform: matrix3d(-0.999999999848, -0.00000000000020683305, 0.00001745329241591187, 0, 0.00000000000020683125, -1, -0.00000000000010341562, 0, 0.00001745329241591187, -0.00000000000010341201, 0.999999999848, 0, 0, 0, -180, 1); } | |
| 55% { | |
| transform: matrix3d(-1, -0.00000000000020683125, -0.00000000000010341562, 0, 0.00000000000020683125, -1, -0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, 0, 0, -180, 1); } | |
| 59.999% { | |
| transform: matrix3d(-0.00001745329220908063, -0.999999999848, -0.00000000000010341743, 0, 0.999999999848, -0.00001745329220908063, 0.00000000000010341382, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, 0, 0, -180, 1); } | |
| 60% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, 1, 0.00000000000031024687, 0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, 0, 0, -180, 1); } | |
| 65% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, 1, 0.00000000000031024687, 0.00000000000010341562, 0, -0.00000000000010341562, -0.00000000000010341562, 1, 0, 0, 0, -180, 1); } | |
| 69.999% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, 0.00001745329231249625, -0.00000000000010341021, 0.999999999848, 0, -0.999999999848, -0.00000000000031024868, 0.00001745329231249624, 0, 0, 0, -180, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -0.00000000000020683125, -0.00000000000010341562, 1, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 75% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -0.00000000000020683125, -0.00000000000010341562, 1, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -0.00000000000020683125, -0.00000000000010341562, 1, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 85% { | |
| transform: matrix3d(0.00000000000031024687, -1, -0.00000000000010341562, 0, -0.00000000000020683125, -0.00000000000010341562, 1, 0, -1, -0.00000000000031024687, -0.00000000000020683125, 0, 0, 0, -180, 1); } | |
| 89.999% { | |
| transform: matrix3d(0.999999999848, -0.00001745329210566501, 0.00000000000020682944, 0, -0.00000000000020683125, -0.00000000000010341562, 1, 0, -0.00001745329210566501, -0.999999999848, -0.00000000000010341923, 0, 0, 0, -180, 1); } | |
| 90% { | |
| transform: matrix3d(1, 0.00000000000041366249, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000010341562, 1, 0, 0.00000000000041366249, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 95% { | |
| transform: matrix3d(1, 0.00000000000041366249, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000010341562, 1, 0, 0.00000000000041366249, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 100% { | |
| transform: matrix3d(1, 0.00000000000041366249, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000010341562, 1, 0, 0.00000000000041366249, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } } | |
| .rubiks-cube-1 .detail:nth-child(27) { | |
| animation-name: rubiks-cube-1-detail-27; | |
| animation-duration: 16s; } | |
| @keyframes rubiks-cube-1-detail-27 { | |
| 5% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 10% { | |
| transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 14.999% { | |
| transform: matrix3d(0.00001745329241591186, 0.999999999848, 0, 0, -0.999999999848, 0.00001745329241591186, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 15% { | |
| transform: matrix3d(-0.00000000000010341562, 1, 0, 0, -1, -0.00000000000010341562, 0, 0, 0, 0, 1, 0, 0, 0, -180, 1); } | |
| 19.999% { | |
| transform: matrix3d(-0.0000000000000000018, 0.00001745329241591187, 0.999999999848, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -0.999999999848, 0.00001745329241591186, 0, 0, 0, -180, 1); } | |
| 20% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 25% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 30% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 35% { | |
| transform: matrix3d(0, -0.00000000000010341562, 1, 0, -1, -0.00000000000010341562, 0, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 39.999% { | |
| transform: matrix3d(-0.999999999848, -0.00000000000010341743, 0.00001745329241591187, 0, -0.00001745329241591187, 0.00000000000010341382, -0.999999999848, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 40% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 45% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 50% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 55% { | |
| transform: matrix3d(-1, -0.00000000000010341562, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.00000000000010341562, -1, -0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 59.999% { | |
| transform: matrix3d(-0.00001745329231249624, -0.999999999848, -0.00000000000010341743, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 0.999999999848, -0.00001745329231249624, 0.00000000000010341382, 0, 0, 0, -180, 1); } | |
| 60% { | |
| transform: matrix3d(0.00000000000020683125, -1, -0.00000000000010341562, 0, 0.00000000000010341562, 0.00000000000010341562, -1, 0, 1, 0.00000000000020683125, 0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 64.999% { | |
| transform: matrix3d(0.00000000000010341923, -0.00001745329231249625, -0.999999999848, 0, -0.00000000000020682944, 0.999999999848, -0.00001745329231249624, 0, 1, 0.00000000000020683125, 0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 65% { | |
| transform: matrix3d(0.00000000000010341562, 0.00000000000020683125, -1, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 1, 0.00000000000020683125, 0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 70% { | |
| transform: matrix3d(0.00000000000010341562, 0.00000000000020683125, -1, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 1, 0.00000000000020683125, 0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 75% { | |
| transform: matrix3d(0.00000000000010341562, 0.00000000000020683125, -1, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 1, 0.00000000000020683125, 0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 80% { | |
| transform: matrix3d(0.00000000000010341562, 0.00000000000020683125, -1, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 1, 0.00000000000020683125, 0.00000000000010341562, 0, 0, 0, -180, 1); } | |
| 84.999% { | |
| transform: matrix3d(0.999999999848, 0.00000000000020683486, -0.00001745329231249625, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, 0.00001745329231249625, -0.00000000000020682764, 0.999999999848, 0, 0, 0, -180, 1); } | |
| 85% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -180, 1); } | |
| 90% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683125, 1, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000020683125, 1, 0, 0, 0, -180, 1); } | |
| 94.999% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683486, 0.00001745329220908063, 0.999999999848, 0, 0.00000000000020682764, -0.999999999848, 0.00001745329220908063, 0, 0, 0, -180, 1); } | |
| 95% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000031024687, 1, 0, 0.00000000000020683125, -1, -0.00000000000031024687, 0, 0, 0, -180, 1); } | |
| 100% { | |
| transform: matrix3d(1, 0.00000000000020683125, 0.00000000000020683125, 0, -0.00000000000020683125, -0.00000000000031024687, 1, 0, 0.00000000000020683125, -1, -0.00000000000031024687, 0, 0, 0, -180, 1); } } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment