心脏形状的俄罗斯方块动画

3D立方体组装成的心脏寓意不可分离的爱情：你是我缺失的一块，补全我的心才能完整：）

css3, heart

《three.js如何实现贴图模糊效果 - 使用canvas》申请公开！

第三方库
作品简介 1683
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}
@-moz-keyframes spin {
    100% {
        -webkit-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}
@-o-keyframes spin {
    100% {
        -webkit-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}
@-webkit-keyframes red {
    100% {
        box-shadow: inset 0 0 15px #e53935;
    }
}
@-moz-keyframes red {
    100% {
        box-shadow: inset 0 0 15px #e53935;
    }
}
@-o-keyframes red {
    100% {
        box-shadow: inset 0 0 15px #e53935;
    }
}
@keyframes red {
    100% {
        box-shadow: inset 0 0 15px #e53935;
    }
}
@-webkit-keyframes complete1 {
    100% {
        margin-top: 0px;
    }
}
@-moz-keyframes complete1 {
    100% {
        margin-top: 0px;
    }
}
@-o-keyframes complete1 {
    100% {
        margin-top: 0px;
    }
}
@keyframes complete1 {
    100% {
        margin-top: 0px;
    }
}
.wrapper:nth-child(60) .cube {
    -webkit-animation: complete1 5s 1 linear;
    -moz-animation: complete1 5s 1 linear;
    -o-animation: complete1 5s 1 linear;
    animation: complete1 5s 1 linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: steps(4, end);
    animation-timing-function: steps(4, end);
}
@-webkit-keyframes complete2 {
    100% {
        margin-top: 0px;
    }
}
@-moz-keyframes complete2 {
    100% {
        margin-top: 0px;
    }
}
@-o-keyframes complete2 {
    100% {
        margin-top: 0px;
    }
}
@keyframes complete2 {
    100% {
        margin-top: 0px;
    }
}
.wrapper:nth-child(61) .cube {
    -webkit-animation: complete2 5s 1 linear;
    -moz-animation: complete2 5s 1 linear;
    -o-animation: complete2 5s 1 linear;
    animation: complete2 5s 1 linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: steps(4, end);
    animation-timing-function: steps(4, end);
}
@-webkit-keyframes complete3 {
    100% {
        margin-top: 15px;
    }
}
@-moz-keyframes complete3 {
    100% {
        margin-top: 15px;
    }
}
@-o-keyframes complete3 {
    100% {
        margin-top: 15px;
    }
}
@keyframes complete3 {
    100% {
        margin-top: 15px;
    }
}
.wrapper:nth-child(62) .cube {
    -webkit-animation: complete3 5s 1 linear;
    -moz-animation: complete3 5s 1 linear;
    -o-animation: complete3 5s 1 linear;
    animation: complete3 5s 1 linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: steps(4, end);
    animation-timing-function: steps(4, end);
}
@-webkit-keyframes complete4 {
    100% {
        margin-top: 30px;
    }
}
@-moz-keyframes complete4 {
    100% {
        margin-top: 30px;
    }
}
@-o-keyframes complete4 {
    100% {
        margin-top: 30px;
    }
}
@keyframes complete4 {
    100% {
        margin-top: 30px;
    }
}
.wrapper:nth-child(63) .cube {
    -webkit-animation: complete4 5s 1 linear;
    -moz-animation: complete4 5s 1 linear;
    -o-animation: complete4 5s 1 linear;
    animation: complete4 5s 1 linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: steps(4, end);
    animation-timing-function: steps(4, end);
}
html {
    width: 100%;
    height: 100%;
}
body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    background: #000;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
}
.wrapper:nth-child(1) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(1) .cube {
    margin-left: 0px;
    margin-top: 0px;
}
.wrapper:nth-child(1) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(1) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(1) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(1) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(1) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(1) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(1) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(2) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(2) .cube {
    margin-left: 15px;
    margin-top: 0px;
}
.wrapper:nth-child(2) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(2) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(2) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(2) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(2) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(2) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(2) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(3) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(3) .cube {
    margin-left: 30px;
    margin-top: 0px;
}
.wrapper:nth-child(3) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(3) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(3) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(3) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(3) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(3) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(3) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(4) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(4) .cube {
    margin-left: 90px;
    margin-top: 0px;
}
.wrapper:nth-child(4) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(4) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(4) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(4) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(4) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(4) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(4) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(5) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(5) .cube {
    margin-left: -15px;
    margin-top: 15px;
}
.wrapper:nth-child(5) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(5) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(5) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(5) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(5) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(5) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(5) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(6) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(6) .cube {
    margin-left: 0px;
    margin-top: 15px;
}
.wrapper:nth-child(6) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(6) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(6) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(6) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(6) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(6) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(6) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(7) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(7) .cube {
    margin-left: 15px;
    margin-top: 15px;
}
.wrapper:nth-child(7) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(7) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(7) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(7) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(7) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(7) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(7) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(8) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(8) .cube {
    margin-left: 30px;
    margin-top: 15px;
}
.wrapper:nth-child(8) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(8) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(8) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(8) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(8) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(8) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(8) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(9) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(9) .cube {
    margin-left: 45px;
    margin-top: 15px;
}
.wrapper:nth-child(9) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(9) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(9) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(9) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(9) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(9) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(9) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(10) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(10) .cube {
    margin-left: 75px;
    margin-top: 15px;
}
.wrapper:nth-child(10) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(10) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(10) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(10) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(10) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(10) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(10) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(11) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(11) .cube {
    margin-left: 90px;
    margin-top: 15px;
}
.wrapper:nth-child(11) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(11) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(11) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(11) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(11) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(11) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(11) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(12) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(12) .cube {
    margin-left: 105px;
    margin-top: 15px;
}
.wrapper:nth-child(12) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(12) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(12) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(12) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(12) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(12) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(12) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(13) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(13) .cube {
    margin-left: 135px;
    margin-top: 15px;
}
.wrapper:nth-child(13) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(13) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(13) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(13) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(13) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(13) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(13) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(14) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(14) .cube {
    margin-left: -15px;
    margin-top: 30px;
}
.wrapper:nth-child(14) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(14) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(14) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(14) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(14) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(14) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(14) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(15) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(15) .cube {
    margin-left: 0px;
    margin-top: 30px;
}
.wrapper:nth-child(15) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(15) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(15) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(15) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(15) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(15) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(15) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(16) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(16) .cube {
    margin-left: 15px;
    margin-top: 30px;
}
.wrapper:nth-child(16) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(16) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(16) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(16) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(16) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(16) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(16) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(17) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(17) .cube {
    margin-left: 30px;
    margin-top: 30px;
}
.wrapper:nth-child(17) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(17) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(17) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(17) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(17) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(17) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(17) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(18) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(18) .cube {
    margin-left: 45px;
    margin-top: 30px;
}
.wrapper:nth-child(18) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(18) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(18) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(18) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(18) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(18) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(18) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(19) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(19) .cube {
    margin-left: 60px;
    margin-top: 30px;
}
.wrapper:nth-child(19) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(19) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(19) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(19) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(19) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(19) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(19) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(20) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(20) .cube {
    margin-left: 75px;
    margin-top: 30px;
}
.wrapper:nth-child(20) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(20) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(20) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(20) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(20) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(20) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(20) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(21) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(21) .cube {
    margin-left: 90px;
    margin-top: 30px;
}
.wrapper:nth-child(21) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(21) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(21) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(21) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(21) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(21) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(21) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(22) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(22) .cube {
    margin-left: 105px;
    margin-top: 30px;
}
.wrapper:nth-child(22) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(22) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(22) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(22) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(22) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(22) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(22) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(23) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(23) .cube {
    margin-left: 135px;
    margin-top: 30px;
}
.wrapper:nth-child(23) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(23) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(23) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(23) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(23) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(23) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(23) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(24) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(24) .cube {
    margin-left: -15px;
    margin-top: 45px;
}
.wrapper:nth-child(24) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(24) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(24) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(24) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(24) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(24) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(24) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(25) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(25) .cube {
    margin-left: 0px;
    margin-top: 45px;
}
.wrapper:nth-child(25) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(25) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(25) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(25) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(25) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(25) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(25) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(26) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(26) .cube {
    margin-left: 15px;
    margin-top: 45px;
}
.wrapper:nth-child(26) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(26) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(26) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(26) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(26) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(26) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(26) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(27) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(27) .cube {
    margin-left: 30px;
    margin-top: 45px;
}
.wrapper:nth-child(27) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(27) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(27) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(27) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(27) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(27) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(27) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(28) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(28) .cube {
    margin-left: 45px;
    margin-top: 45px;
}
.wrapper:nth-child(28) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(28) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(28) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(28) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(28) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(28) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(28) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(29) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(29) .cube {
    margin-left: 60px;
    margin-top: 45px;
}
.wrapper:nth-child(29) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(29) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(29) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(29) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(29) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(29) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(29) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(30) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(30) .cube {
    margin-left: 75px;
    margin-top: 45px;
}
.wrapper:nth-child(30) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(30) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(30) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(30) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(30) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(30) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(30) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(31) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(31) .cube {
    margin-left: 90px;
    margin-top: 45px;
}
.wrapper:nth-child(31) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(31) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(31) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(31) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(31) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(31) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(31) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(32) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(32) .cube {
    margin-left: 105px;
    margin-top: 45px;
}
.wrapper:nth-child(32) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(32) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(32) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(32) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(32) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(32) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(32) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(33) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(33) .cube {
    margin-left: 120px;
    margin-top: 45px;
}
.wrapper:nth-child(33) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(33) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(33) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(33) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(33) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(33) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(33) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(34) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(34) .cube {
    margin-left: 135px;
    margin-top: 45px;
}
.wrapper:nth-child(34) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(34) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(34) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(34) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(34) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(34) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(34) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(35) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(35) .cube {
    margin-left: 0px;
    margin-top: 60px;
}
.wrapper:nth-child(35) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(35) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(35) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(35) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(35) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(35) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(35) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(36) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(36) .cube {
    margin-left: 15px;
    margin-top: 60px;
}
.wrapper:nth-child(36) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(36) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(36) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(36) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(36) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(36) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(36) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(37) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(37) .cube {
    margin-left: 30px;
    margin-top: 60px;
}
.wrapper:nth-child(37) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(37) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(37) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(37) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(37) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(37) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(37) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(38) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(38) .cube {
    margin-left: 45px;
    margin-top: 60px;
}
.wrapper:nth-child(38) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(38) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(38) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(38) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(38) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(38) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(38) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(39) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(39) .cube {
    margin-left: 60px;
    margin-top: 60px;
}
.wrapper:nth-child(39) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(39) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(39) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(39) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(39) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(39) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(39) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(40) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(40) .cube {
    margin-left: 75px;
    margin-top: 60px;
}
.wrapper:nth-child(40) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(40) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(40) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(40) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(40) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(40) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(40) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(41) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(41) .cube {
    margin-left: 90px;
    margin-top: 60px;
}
.wrapper:nth-child(41) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(41) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(41) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(41) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(41) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(41) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(41) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(42) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(42) .cube {
    margin-left: 105px;
    margin-top: 60px;
}
.wrapper:nth-child(42) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(42) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(42) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(42) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(42) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(42) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(42) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(43) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(43) .cube {
    margin-left: 120px;
    margin-top: 60px;
}
.wrapper:nth-child(43) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(43) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(43) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(43) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(43) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(43) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(43) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(44) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(44) .cube {
    margin-left: 15px;
    margin-top: 75px;
}
.wrapper:nth-child(44) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(44) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(44) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(44) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(44) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(44) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(44) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(45) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(45) .cube {
    margin-left: 30px;
    margin-top: 75px;
}
.wrapper:nth-child(45) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(45) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(45) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(45) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(45) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(45) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(45) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(46) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(46) .cube {
    margin-left: 45px;
    margin-top: 75px;
}
.wrapper:nth-child(46) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(46) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(46) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(46) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(46) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(46) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(46) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(47) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(47) .cube {
    margin-left: 60px;
    margin-top: 75px;
}
.wrapper:nth-child(47) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(47) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(47) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(47) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(47) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(47) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(47) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(48) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(48) .cube {
    margin-left: 75px;
    margin-top: 75px;
}
.wrapper:nth-child(48) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(48) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(48) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(48) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(48) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(48) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(48) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(49) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(49) .cube {
    margin-left: 90px;
    margin-top: 75px;
}
.wrapper:nth-child(49) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(49) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(49) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(49) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(49) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(49) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(49) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(50) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(50) .cube {
    margin-left: 105px;
    margin-top: 75px;
}
.wrapper:nth-child(50) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(50) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(50) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(50) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(50) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(50) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(50) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(51) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(51) .cube {
    margin-left: 30px;
    margin-top: 90px;
}
.wrapper:nth-child(51) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(51) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(51) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(51) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(51) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(51) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(51) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(52) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(52) .cube {
    margin-left: 45px;
    margin-top: 90px;
}
.wrapper:nth-child(52) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(52) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(52) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(52) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(52) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(52) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(52) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(53) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(53) .cube {
    margin-left: 60px;
    margin-top: 90px;
}
.wrapper:nth-child(53) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(53) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(53) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(53) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(53) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(53) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(53) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(54) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(54) .cube {
    margin-left: 75px;
    margin-top: 90px;
}
.wrapper:nth-child(54) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(54) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(54) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(54) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(54) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(54) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(54) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(55) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(55) .cube {
    margin-left: 90px;
    margin-top: 90px;
}
.wrapper:nth-child(55) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(55) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(55) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(55) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(55) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(55) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(55) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(56) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(56) .cube {
    margin-left: 45px;
    margin-top: 105px;
}
.wrapper:nth-child(56) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(56) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(56) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(56) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(56) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(56) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(56) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(57) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(57) .cube {
    margin-left: 60px;
    margin-top: 105px;
}
.wrapper:nth-child(57) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(57) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(57) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(57) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(57) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(57) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(57) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(58) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(58) .cube {
    margin-left: 75px;
    margin-top: 105px;
}
.wrapper:nth-child(58) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(58) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(58) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(58) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(58) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(58) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(58) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(59) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(59) .cube {
    margin-left: 60px;
    margin-top: 120px;
}
.wrapper:nth-child(59) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #bdbdbd;
}
.wrapper:nth-child(59) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(59) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(59) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(59) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(59) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(59) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(60) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(60) .cube {
    margin-left: 105px;
    margin-top: -60px;
}
.wrapper:nth-child(60) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #e53935;
}
.wrapper:nth-child(60) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(60) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(60) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(60) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(60) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(60) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(61) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(61) .cube {
    margin-left: 120px;
    margin-top: -60px;
}
.wrapper:nth-child(61) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #e53935;
}
.wrapper:nth-child(61) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(61) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(61) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(61) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(61) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(61) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(62) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(62) .cube {
    margin-left: 120px;
    margin-top: -45px;
}
.wrapper:nth-child(62) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #e53935;
}
.wrapper:nth-child(62) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(62) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(62) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(62) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(62) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(62) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(63) {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    top: 50vh;
    width: 135px;
    height: 135px;
    margin-left: -67.5px;
    margin-top: -67.5px;
    -webkit-animation: spin 5s infinite linear;
    -moz-animation: spin 5s infinite linear;
    -o-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
.wrapper:nth-child(63) .cube {
    margin-left: 120px;
    margin-top: -30px;
}
.wrapper:nth-child(63) .cube .part {
    position: absolute;
    -webkit-animation: red 5s 1 linear;
    -moz-animation: red 5s 1 linear;
    -o-animation: red 5s 1 linear;
    animation: red 5s 1 linear;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #e53935;
}
.wrapper:nth-child(63) .cube .part:nth-child(1) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(90deg) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(63) .cube .part:nth-child(2) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(0) translateZ(7.5px);
    transform: rotateX(0) rotateY(0) translateZ(7.5px);
}
.wrapper:nth-child(63) .cube .part:nth-child(3) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(180deg) translateZ(7.5px);
}
.wrapper:nth-child(63) .cube .part:nth-child(4) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(90deg) translateZ(7.5px);
}
.wrapper:nth-child(63) .cube .part:nth-child(5) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    -ms-transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
    transform: rotateX(0) rotateY(-90deg) translateZ(7.5px);
}
.wrapper:nth-child(63) .cube .part:nth-child(6) {
    box-shadow: inset 0 0 15px currentColor;
    width: 15px;
    height: 15px;
    -webkit-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    -ms-transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
    transform: rotateX(-90deg) rotateY(0) translateZ(7.5px);
}

HTML

3D立方体组装成的心脏寓意不可分离的爱情：你是我缺失的一块，补全我的心才能完整：）

css3, heart

编辑器支持Emmet

快捷键

3D立方体组装成的心脏 寓意不可分离的爱情：你是我缺失的一块，补全我的心才能完整：）

css3, heart

CSS3 立方体组成的波形动画

CSS3 多个长方形组成的动画

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：

3D立方体组装成的心脏寓意不可分离的爱情：你是我缺失的一块，补全我的心才能完整：）