html {
  height: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  margin: 0;
  background: #262626;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 800;
          perspective: 800;
  -webkit-perspective-origin: center top;
          perspective-origin: center top;
}

.cube {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 800;
          perspective: 800;
}

.cube i {
  content: '';
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  background: #F72448;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid #012626;
}

.cube i:nth-child(1) {
  -webkit-transform: rotateX(90deg) translate3d(0, 0, -15px);
          transform: rotateX(90deg) translate3d(0, 0, -15px);
}

.cube i:nth-child(2) {
  -webkit-transform: rotateY(-90deg) translate3d(0, 0, -15px);
          transform: rotateY(-90deg) translate3d(0, 0, -15px);
}

.cube i:nth-child(3) {
  -webkit-transform: rotateY(90deg) translate3d(0, 0, -15px);
          transform: rotateY(90deg) translate3d(0, 0, -15px);
}

.cube i:nth-child(4) {
  -webkit-transform: rotateX(-90deg) translate3d(0, 0, -15px);
          transform: rotateX(-90deg) translate3d(0, 0, -15px);
}

.cube i:nth-child(5) {
  -webkit-transform: translate3d(0, 0, 15px);
          transform: translate3d(0, 0, 15px);
}

.cube i:nth-child(6) {
  -webkit-transform: translate3d(0, 0, 15px);
          transform: translate3d(0, 0, 15px);
}

.cube:nth-child(1) {
  -webkit-transform: rotateY(0deg) translate3d(34px, -85px, 17px);
          transform: rotateY(0deg) translate3d(34px, -85px, 17px);
}

.cube:nth-child(2) {
  -webkit-transform: rotateY(0deg) translate3d(68px, -85px, 17px);
          transform: rotateY(0deg) translate3d(68px, -85px, 17px);
}

.cube:nth-child(3) {
  -webkit-transform: rotateY(0deg) translate3d(-34px, -85px, 17px);
          transform: rotateY(0deg) translate3d(-34px, -85px, 17px);
}

.cube:nth-child(4) {
  -webkit-transform: rotateY(0deg) translate3d(-68px, -85px, 17px);
          transform: rotateY(0deg) translate3d(-68px, -85px, 17px);
}

.cube:nth-child(5) {
  -webkit-transform: rotateY(0deg) translate3d(34px, -85px, -17px);
          transform: rotateY(0deg) translate3d(34px, -85px, -17px);
}

.cube:nth-child(6) {
  -webkit-transform: rotateY(0deg) translate3d(68px, -85px, -17px);
          transform: rotateY(0deg) translate3d(68px, -85px, -17px);
}

.cube:nth-child(7) {
  -webkit-transform: rotateY(0deg) translate3d(-34px, -85px, -17px);
          transform: rotateY(0deg) translate3d(-34px, -85px, -17px);
}

.cube:nth-child(8) {
  -webkit-transform: rotateY(0deg) translate3d(-68px, -85px, -17px);
          transform: rotateY(0deg) translate3d(-68px, -85px, -17px);
}

.cube:nth-child(9) {
  -webkit-transform: rotateY(0deg) translate3d(0, -51px, 17px);
          transform: rotateY(0deg) translate3d(0, -51px, 17px);
}

.cube:nth-child(10) {
  -webkit-transform: rotateY(0deg) translate3d(34px, -51px, 17px);
          transform: rotateY(0deg) translate3d(34px, -51px, 17px);
}

.cube:nth-child(11) {
  -webkit-transform: rotateY(0deg) translate3d(68px, -51px, 17px);
          transform: rotateY(0deg) translate3d(68px, -51px, 17px);
}

.cube:nth-child(12) {
  -webkit-transform: rotateY(0deg) translate3d(102px, -51px, 17px);
          transform: rotateY(0deg) translate3d(102px, -51px, 17px);
}

.cube:nth-child(13) {
  -webkit-transform: rotateY(0deg) translate3d(-34px, -51px, 17px);
          transform: rotateY(0deg) translate3d(-34px, -51px, 17px);
}

.cube:nth-child(14) {
  -webkit-transform: rotateY(0deg) translate3d(-68px, -51px, 17px);
          transform: rotateY(0deg) translate3d(-68px, -51px, 17px);
}

.cube:nth-child(15) {
  -webkit-transform: rotateY(0deg) translate3d(-102px, -51px, 17px);
          transform: rotateY(0deg) translate3d(-102px, -51px, 17px);
}

.cube:nth-child(16) {
  -webkit-transform: rotateY(0deg) translate3d(0, -51px, -17px);
          transform: rotateY(0deg) translate3d(0, -51px, -17px);
}

.cube:nth-child(17) {
  -webkit-transform: rotateY(0deg) translate3d(34px, -51px, -17px);
          transform: rotateY(0deg) translate3d(34px, -51px, -17px);
}

.cube:nth-child(18) {
  -webkit-transform: rotateY(0deg) translate3d(68px, -51px, -17px);
          transform: rotateY(0deg) translate3d(68px, -51px, -17px);
}

.cube:nth-child(19) {
  -webkit-transform: rotateY(0deg) translate3d(102px, -51px, -17px);
          transform: rotateY(0deg) translate3d(102px, -51px, -17px);
}

.cube:nth-child(20) {
  -webkit-transform: rotateY(0deg) translate3d(-34px, -51px, -17px);
          transform: rotateY(0deg) translate3d(-34px, -51px, -17px);
}

.cube:nth-child(21) {
  -webkit-transform: rotateY(0deg) translate3d(-68px, -51px, -17px);
          transform: rotateY(0deg) translate3d(-68px, -51px, -17px);
}

.cube:nth-child(22) {
  -webkit-transform: rotateY(0deg) translate3d(-102px, -51px, -17px);
          transform: rotateY(0deg) translate3d(-102px, -51px, -17px);
}

.cube:nth-child(23) {
  -webkit-transform: rotateY(0deg) translate3d(0, -17px, 17px);
          transform: rotateY(0deg) translate3d(0, -17px, 17px);
}

.cube:nth-child(24) {
  -webkit-transform: rotateY(0deg) translate3d(34px, -17px, 17px);
          transform: rotateY(0deg) translate3d(34px, -17px, 17px);
}

.cube:nth-child(25) {
  -webkit-transform: rotateY(0deg) translate3d(68px, -17px, 17px);
          transform: rotateY(0deg) translate3d(68px, -17px, 17px);
}

.cube:nth-child(26) {
  -webkit-transform: rotateY(0deg) translate3d(102px, -17px, 17px);
          transform: rotateY(0deg) translate3d(102px, -17px, 17px);
}

.cube:nth-child(27) {
  -webkit-transform: rotateY(0deg) translate3d(-34px, -17px, 17px);
          transform: rotateY(0deg) translate3d(-34px, -17px, 17px);
}

.cube:nth-child(28) {
  -webkit-transform: rotateY(0deg) translate3d(-68px, -17px, 17px);
          transform: rotateY(0deg) translate3d(-68px, -17px, 17px);
}

.cube:nth-child(29) {
  -webkit-transform: rotateY(0deg) translate3d(-102px, -17px, 17px);
          transform: rotateY(0deg) translate3d(-102px, -17px, 17px);
}

.cube:nth-child(30) {
  -webkit-transform: rotateY(0deg) translate3d(0, -17px, -17px);
          transform: rotateY(0deg) translate3d(0, -17px, -17px);
}

.cube:nth-child(31) {
  -webkit-transform: rotateY(0deg) translate3d(34px, -17px, -17px);
          transform: rotateY(0deg) translate3d(34px, -17px, -17px);
}

.cube:nth-child(32) {
  -webkit-transform: rotateY(0deg) translate3d(68px, -17px, -17px);
          transform: rotateY(0deg) translate3d(68px, -17px, -17px);
}

.cube:nth-child(33) {
  -webkit-transform: rotateY(0deg) translate3d(102px, -17px, -17px);
          transform: rotateY(0deg) translate3d(102px, -17px, -17px);
}

.cube:nth-child(34) {
  -webkit-transform: rotateY(0deg) translate3d(-34px, -17px, -17px);
          transform: rotateY(0deg) translate3d(-34px, -17px, -17px);
}

.cube:nth-child(35) {
  -webkit-transform: rotateY(0deg) translate3d(-68px, -17px, -17px);
          transform: rotateY(0deg) translate3d(-68px, -17px, -17px);
}

.cube:nth-child(36) {
  -webkit-transform: rotateY(0deg) translate3d(-102px, -17px, -17px);
          transform: rotateY(0deg) translate3d(-102px, -17px, -17px);
}

.cube:nth-child(37) {
  -webkit-transform: rotateY(0deg) translate3d(0, 17px, 17px);
          transform: rotateY(0deg) translate3d(0, 17px, 17px);
}

.cube:nth-child(38) {
  -webkit-transform: rotateY(0deg) translate3d(34px, 17px, 17px);
          transform: rotateY(0deg) translate3d(34px, 17px, 17px);
}

.cube:nth-child(39) {
  -webkit-transform: rotateY(0deg) translate3d(68px, 17px, 17px);
          transform: rotateY(0deg) translate3d(68px, 17px, 17px);
}

.cube:nth-child(40) {
  -webkit-transform: rotateY(0deg) translate3d(-34px, 17px, 17px);
          transform: rotateY(0deg) translate3d(-34px, 17px, 17px);
}

.cube:nth-child(41) {
  -webkit-transform: rotateY(0deg) translate3d(-68px, 17px, 17px);
          transform: rotateY(0deg) translate3d(-68px, 17px, 17px);
}

.cube:nth-child(42) {
  -webkit-transform: rotateY(0deg) translate3d(0, 17px, -17px);
          transform: rotateY(0deg) translate3d(0, 17px, -17px);
}

.cube:nth-child(43) {
  -webkit-transform: rotateY(0deg) translate3d(34px, 17px, -17px);
          transform: rotateY(0deg) translate3d(34px, 17px, -17px);
}

.cube:nth-child(44) {
  -webkit-transform: rotateY(0deg) translate3d(68px, 17px, -17px);
          transform: rotateY(0deg) translate3d(68px, 17px, -17px);
}

.cube:nth-child(45) {
  -webkit-transform: rotateY(0deg) translate3d(-34px, 17px, -17px);
          transform: rotateY(0deg) translate3d(-34px, 17px, -17px);
}

.cube:nth-child(46) {
  -webkit-transform: rotateY(0deg) translate3d(-68px, 17px, -17px);
          transform: rotateY(0deg) translate3d(-68px, 17px, -17px);
}

.cube:nth-child(47) {
  -webkit-transform: rotateY(0deg) translate3d(0, 51px, 17px);
          transform: rotateY(0deg) translate3d(0, 51px, 17px);
}

.cube:nth-child(48) {
  -webkit-transform: rotateY(0deg) translate3d(34px, 51px, 17px);
          transform: rotateY(0deg) translate3d(34px, 51px, 17px);
}

.cube:nth-child(49) {
  -webkit-transform: rotateY(0deg) translate3d(-34px, 51px, 17px);
          transform: rotateY(0deg) translate3d(-34px, 51px, 17px);
}

.cube:nth-child(50) {
  -webkit-transform: rotateY(0deg) translate3d(0, 51px, -17px);
          transform: rotateY(0deg) translate3d(0, 51px, -17px);
}

.cube:nth-child(51) {
  -webkit-transform: rotateY(0deg) translate3d(34px, 51px, -17px);
          transform: rotateY(0deg) translate3d(34px, 51px, -17px);
}

.cube:nth-child(52) {
  -webkit-transform: rotateY(0deg) translate3d(-34px, 51px, -17px);
          transform: rotateY(0deg) translate3d(-34px, 51px, -17px);
}

.cube:nth-child(53) {
  -webkit-transform: rotateY(0deg) translate3d(0, 85px, 17px);
          transform: rotateY(0deg) translate3d(0, 85px, 17px);
}

.cube:nth-child(54) {
  -webkit-transform: rotateY(0deg) translate3d(0, 85px, -17px);
          transform: rotateY(0deg) translate3d(0, 85px, -17px);
}

.cube:nth-child(1) {
  -webkit-animation: ani1 3s ease-in-out infinite;
          animation: ani1 3s ease-in-out infinite;
}

@-webkit-keyframes ani1 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(34px, -85px, 17px);
            transform: rotateY(1480deg) translate3d(34px, -85px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(34px, -85px, 17px);
            transform: rotateY(1440deg) translate3d(34px, -85px, 17px);
  }
}

@keyframes ani1 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(34px, -85px, 17px);
            transform: rotateY(1480deg) translate3d(34px, -85px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(34px, -85px, 17px);
            transform: rotateY(1440deg) translate3d(34px, -85px, 17px);
  }
}
.cube:nth-child(1) i {
  background: #F94468;
}

.cube:nth-child(2) {
  -webkit-animation: ani2 3s ease-in-out infinite;
          animation: ani2 3s ease-in-out infinite;
}

@-webkit-keyframes ani2 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(68px, -85px, 17px);
            transform: rotateY(1480deg) translate3d(68px, -85px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(68px, -85px, 17px);
            transform: rotateY(1440deg) translate3d(68px, -85px, 17px);
  }
}

@keyframes ani2 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(68px, -85px, 17px);
            transform: rotateY(1480deg) translate3d(68px, -85px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(68px, -85px, 17px);
            transform: rotateY(1440deg) translate3d(68px, -85px, 17px);
  }
}
.cube:nth-child(2) i {
  background: #F94468;
}

.cube:nth-child(3) {
  -webkit-animation: ani3 3s ease-in-out infinite;
          animation: ani3 3s ease-in-out infinite;
}

@-webkit-keyframes ani3 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(-34px, -85px, 17px);
            transform: rotateY(1480deg) translate3d(-34px, -85px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(-34px, -85px, 17px);
            transform: rotateY(1440deg) translate3d(-34px, -85px, 17px);
  }
}

@keyframes ani3 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(-34px, -85px, 17px);
            transform: rotateY(1480deg) translate3d(-34px, -85px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(-34px, -85px, 17px);
            transform: rotateY(1440deg) translate3d(-34px, -85px, 17px);
  }
}
.cube:nth-child(3) i {
  background: #F94468;
}

.cube:nth-child(4) {
  -webkit-animation: ani4 3s ease-in-out infinite;
          animation: ani4 3s ease-in-out infinite;
}

@-webkit-keyframes ani4 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(-68px, -85px, 17px);
            transform: rotateY(1480deg) translate3d(-68px, -85px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(-68px, -85px, 17px);
            transform: rotateY(1440deg) translate3d(-68px, -85px, 17px);
  }
}

@keyframes ani4 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(-68px, -85px, 17px);
            transform: rotateY(1480deg) translate3d(-68px, -85px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(-68px, -85px, 17px);
            transform: rotateY(1440deg) translate3d(-68px, -85px, 17px);
  }
}
.cube:nth-child(4) i {
  background: #F94468;
}

.cube:nth-child(5) {
  -webkit-animation: ani5 3s ease-in-out infinite;
          animation: ani5 3s ease-in-out infinite;
}

@-webkit-keyframes ani5 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(34px, -85px, -17px);
            transform: rotateY(1480deg) translate3d(34px, -85px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(34px, -85px, -17px);
            transform: rotateY(1440deg) translate3d(34px, -85px, -17px);
  }
}

@keyframes ani5 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(34px, -85px, -17px);
            transform: rotateY(1480deg) translate3d(34px, -85px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(34px, -85px, -17px);
            transform: rotateY(1440deg) translate3d(34px, -85px, -17px);
  }
}
.cube:nth-child(5) i {
  background: #F94468;
}

.cube:nth-child(6) {
  -webkit-animation: ani6 3s ease-in-out infinite;
          animation: ani6 3s ease-in-out infinite;
}

@-webkit-keyframes ani6 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(68px, -85px, -17px);
            transform: rotateY(1480deg) translate3d(68px, -85px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(68px, -85px, -17px);
            transform: rotateY(1440deg) translate3d(68px, -85px, -17px);
  }
}

@keyframes ani6 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(68px, -85px, -17px);
            transform: rotateY(1480deg) translate3d(68px, -85px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(68px, -85px, -17px);
            transform: rotateY(1440deg) translate3d(68px, -85px, -17px);
  }
}
.cube:nth-child(6) i {
  background: #F94468;
}

.cube:nth-child(7) {
  -webkit-animation: ani7 3s ease-in-out infinite;
          animation: ani7 3s ease-in-out infinite;
}

@-webkit-keyframes ani7 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(-34px, -85px, -17px);
            transform: rotateY(1480deg) translate3d(-34px, -85px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(-34px, -85px, -17px);
            transform: rotateY(1440deg) translate3d(-34px, -85px, -17px);
  }
}

@keyframes ani7 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(-34px, -85px, -17px);
            transform: rotateY(1480deg) translate3d(-34px, -85px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(-34px, -85px, -17px);
            transform: rotateY(1440deg) translate3d(-34px, -85px, -17px);
  }
}
.cube:nth-child(7) i {
  background: #F94468;
}

.cube:nth-child(8) {
  -webkit-animation: ani8 3s ease-in-out infinite;
          animation: ani8 3s ease-in-out infinite;
}

@-webkit-keyframes ani8 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(-68px, -85px, -17px);
            transform: rotateY(1480deg) translate3d(-68px, -85px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(-68px, -85px, -17px);
            transform: rotateY(1440deg) translate3d(-68px, -85px, -17px);
  }
}

@keyframes ani8 {
  70% {
    -webkit-transform: rotateY(1480deg) translate3d(-68px, -85px, -17px);
            transform: rotateY(1480deg) translate3d(-68px, -85px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1440deg) translate3d(-68px, -85px, -17px);
            transform: rotateY(1440deg) translate3d(-68px, -85px, -17px);
  }
}
.cube:nth-child(8) i {
  background: #F94468;
}

.cube:nth-child(9) {
  -webkit-animation: ani9 3s ease-in-out infinite;
          animation: ani9 3s ease-in-out infinite;
}

@-webkit-keyframes ani9 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(0, -51px, 17px);
            transform: rotateY(0deg) translate3d(0, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(0, -51px, 17px);
            transform: rotateY(1120deg) translate3d(0, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(0, -51px, 17px);
            transform: rotateY(1080deg) translate3d(0, -51px, 17px);
  }
}

@keyframes ani9 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(0, -51px, 17px);
            transform: rotateY(0deg) translate3d(0, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(0, -51px, 17px);
            transform: rotateY(1120deg) translate3d(0, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(0, -51px, 17px);
            transform: rotateY(1080deg) translate3d(0, -51px, 17px);
  }
}
.cube:nth-child(10) {
  -webkit-animation: ani10 3s ease-in-out infinite;
          animation: ani10 3s ease-in-out infinite;
}

@-webkit-keyframes ani10 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(34px, -51px, 17px);
            transform: rotateY(0deg) translate3d(34px, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(34px, -51px, 17px);
            transform: rotateY(1120deg) translate3d(34px, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(34px, -51px, 17px);
            transform: rotateY(1080deg) translate3d(34px, -51px, 17px);
  }
}

@keyframes ani10 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(34px, -51px, 17px);
            transform: rotateY(0deg) translate3d(34px, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(34px, -51px, 17px);
            transform: rotateY(1120deg) translate3d(34px, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(34px, -51px, 17px);
            transform: rotateY(1080deg) translate3d(34px, -51px, 17px);
  }
}
.cube:nth-child(11) {
  -webkit-animation: ani11 3s ease-in-out infinite;
          animation: ani11 3s ease-in-out infinite;
}

@-webkit-keyframes ani11 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(68px, -51px, 17px);
            transform: rotateY(0deg) translate3d(68px, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(68px, -51px, 17px);
            transform: rotateY(1120deg) translate3d(68px, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(68px, -51px, 17px);
            transform: rotateY(1080deg) translate3d(68px, -51px, 17px);
  }
}

@keyframes ani11 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(68px, -51px, 17px);
            transform: rotateY(0deg) translate3d(68px, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(68px, -51px, 17px);
            transform: rotateY(1120deg) translate3d(68px, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(68px, -51px, 17px);
            transform: rotateY(1080deg) translate3d(68px, -51px, 17px);
  }
}
.cube:nth-child(12) {
  -webkit-animation: ani12 3s ease-in-out infinite;
          animation: ani12 3s ease-in-out infinite;
}

@-webkit-keyframes ani12 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(102px, -51px, 17px);
            transform: rotateY(0deg) translate3d(102px, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(102px, -51px, 17px);
            transform: rotateY(1120deg) translate3d(102px, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(102px, -51px, 17px);
            transform: rotateY(1080deg) translate3d(102px, -51px, 17px);
  }
}

@keyframes ani12 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(102px, -51px, 17px);
            transform: rotateY(0deg) translate3d(102px, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(102px, -51px, 17px);
            transform: rotateY(1120deg) translate3d(102px, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(102px, -51px, 17px);
            transform: rotateY(1080deg) translate3d(102px, -51px, 17px);
  }
}
.cube:nth-child(13) {
  -webkit-animation: ani13 3s ease-in-out infinite;
          animation: ani13 3s ease-in-out infinite;
}

@-webkit-keyframes ani13 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, -51px, 17px);
            transform: rotateY(0deg) translate3d(-34px, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(-34px, -51px, 17px);
            transform: rotateY(1120deg) translate3d(-34px, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(-34px, -51px, 17px);
            transform: rotateY(1080deg) translate3d(-34px, -51px, 17px);
  }
}

@keyframes ani13 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, -51px, 17px);
            transform: rotateY(0deg) translate3d(-34px, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(-34px, -51px, 17px);
            transform: rotateY(1120deg) translate3d(-34px, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(-34px, -51px, 17px);
            transform: rotateY(1080deg) translate3d(-34px, -51px, 17px);
  }
}
.cube:nth-child(14) {
  -webkit-animation: ani14 3s ease-in-out infinite;
          animation: ani14 3s ease-in-out infinite;
}

@-webkit-keyframes ani14 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(-68px, -51px, 17px);
            transform: rotateY(0deg) translate3d(-68px, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(-68px, -51px, 17px);
            transform: rotateY(1120deg) translate3d(-68px, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(-68px, -51px, 17px);
            transform: rotateY(1080deg) translate3d(-68px, -51px, 17px);
  }
}

@keyframes ani14 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(-68px, -51px, 17px);
            transform: rotateY(0deg) translate3d(-68px, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(-68px, -51px, 17px);
            transform: rotateY(1120deg) translate3d(-68px, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(-68px, -51px, 17px);
            transform: rotateY(1080deg) translate3d(-68px, -51px, 17px);
  }
}
.cube:nth-child(15) {
  -webkit-animation: ani15 3s ease-in-out infinite;
          animation: ani15 3s ease-in-out infinite;
}

@-webkit-keyframes ani15 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(-102px, -51px, 17px);
            transform: rotateY(0deg) translate3d(-102px, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(-102px, -51px, 17px);
            transform: rotateY(1120deg) translate3d(-102px, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(-102px, -51px, 17px);
            transform: rotateY(1080deg) translate3d(-102px, -51px, 17px);
  }
}

@keyframes ani15 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(-102px, -51px, 17px);
            transform: rotateY(0deg) translate3d(-102px, -51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(-102px, -51px, 17px);
            transform: rotateY(1120deg) translate3d(-102px, -51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(-102px, -51px, 17px);
            transform: rotateY(1080deg) translate3d(-102px, -51px, 17px);
  }
}
.cube:nth-child(16) {
  -webkit-animation: ani16 3s ease-in-out infinite;
          animation: ani16 3s ease-in-out infinite;
}

@-webkit-keyframes ani16 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(0, -51px, -17px);
            transform: rotateY(0deg) translate3d(0, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(0, -51px, -17px);
            transform: rotateY(1120deg) translate3d(0, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(0, -51px, -17px);
            transform: rotateY(1080deg) translate3d(0, -51px, -17px);
  }
}

@keyframes ani16 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(0, -51px, -17px);
            transform: rotateY(0deg) translate3d(0, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(0, -51px, -17px);
            transform: rotateY(1120deg) translate3d(0, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(0, -51px, -17px);
            transform: rotateY(1080deg) translate3d(0, -51px, -17px);
  }
}
.cube:nth-child(17) {
  -webkit-animation: ani17 3s ease-in-out infinite;
          animation: ani17 3s ease-in-out infinite;
}

@-webkit-keyframes ani17 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(34px, -51px, -17px);
            transform: rotateY(0deg) translate3d(34px, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(34px, -51px, -17px);
            transform: rotateY(1120deg) translate3d(34px, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(34px, -51px, -17px);
            transform: rotateY(1080deg) translate3d(34px, -51px, -17px);
  }
}

@keyframes ani17 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(34px, -51px, -17px);
            transform: rotateY(0deg) translate3d(34px, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(34px, -51px, -17px);
            transform: rotateY(1120deg) translate3d(34px, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(34px, -51px, -17px);
            transform: rotateY(1080deg) translate3d(34px, -51px, -17px);
  }
}
.cube:nth-child(18) {
  -webkit-animation: ani18 3s ease-in-out infinite;
          animation: ani18 3s ease-in-out infinite;
}

@-webkit-keyframes ani18 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(68px, -51px, -17px);
            transform: rotateY(0deg) translate3d(68px, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(68px, -51px, -17px);
            transform: rotateY(1120deg) translate3d(68px, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(68px, -51px, -17px);
            transform: rotateY(1080deg) translate3d(68px, -51px, -17px);
  }
}

@keyframes ani18 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(68px, -51px, -17px);
            transform: rotateY(0deg) translate3d(68px, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(68px, -51px, -17px);
            transform: rotateY(1120deg) translate3d(68px, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(68px, -51px, -17px);
            transform: rotateY(1080deg) translate3d(68px, -51px, -17px);
  }
}
.cube:nth-child(19) {
  -webkit-animation: ani19 3s ease-in-out infinite;
          animation: ani19 3s ease-in-out infinite;
}

@-webkit-keyframes ani19 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(102px, -51px, -17px);
            transform: rotateY(0deg) translate3d(102px, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(102px, -51px, -17px);
            transform: rotateY(1120deg) translate3d(102px, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(102px, -51px, -17px);
            transform: rotateY(1080deg) translate3d(102px, -51px, -17px);
  }
}

@keyframes ani19 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(102px, -51px, -17px);
            transform: rotateY(0deg) translate3d(102px, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(102px, -51px, -17px);
            transform: rotateY(1120deg) translate3d(102px, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(102px, -51px, -17px);
            transform: rotateY(1080deg) translate3d(102px, -51px, -17px);
  }
}
.cube:nth-child(20) {
  -webkit-animation: ani20 3s ease-in-out infinite;
          animation: ani20 3s ease-in-out infinite;
}

@-webkit-keyframes ani20 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, -51px, -17px);
            transform: rotateY(0deg) translate3d(-34px, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(-34px, -51px, -17px);
            transform: rotateY(1120deg) translate3d(-34px, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(-34px, -51px, -17px);
            transform: rotateY(1080deg) translate3d(-34px, -51px, -17px);
  }
}

@keyframes ani20 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, -51px, -17px);
            transform: rotateY(0deg) translate3d(-34px, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(-34px, -51px, -17px);
            transform: rotateY(1120deg) translate3d(-34px, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(-34px, -51px, -17px);
            transform: rotateY(1080deg) translate3d(-34px, -51px, -17px);
  }
}
.cube:nth-child(21) {
  -webkit-animation: ani21 3s ease-in-out infinite;
          animation: ani21 3s ease-in-out infinite;
}

@-webkit-keyframes ani21 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(-68px, -51px, -17px);
            transform: rotateY(0deg) translate3d(-68px, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(-68px, -51px, -17px);
            transform: rotateY(1120deg) translate3d(-68px, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(-68px, -51px, -17px);
            transform: rotateY(1080deg) translate3d(-68px, -51px, -17px);
  }
}

@keyframes ani21 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(-68px, -51px, -17px);
            transform: rotateY(0deg) translate3d(-68px, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(-68px, -51px, -17px);
            transform: rotateY(1120deg) translate3d(-68px, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(-68px, -51px, -17px);
            transform: rotateY(1080deg) translate3d(-68px, -51px, -17px);
  }
}
.cube:nth-child(22) {
  -webkit-animation: ani22 3s ease-in-out infinite;
          animation: ani22 3s ease-in-out infinite;
}

@-webkit-keyframes ani22 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(-102px, -51px, -17px);
            transform: rotateY(0deg) translate3d(-102px, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(-102px, -51px, -17px);
            transform: rotateY(1120deg) translate3d(-102px, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(-102px, -51px, -17px);
            transform: rotateY(1080deg) translate3d(-102px, -51px, -17px);
  }
}

@keyframes ani22 {
  1% {
    -webkit-transform: rotateY(0deg) translate3d(-102px, -51px, -17px);
            transform: rotateY(0deg) translate3d(-102px, -51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(1120deg) translate3d(-102px, -51px, -17px);
            transform: rotateY(1120deg) translate3d(-102px, -51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(1080deg) translate3d(-102px, -51px, -17px);
            transform: rotateY(1080deg) translate3d(-102px, -51px, -17px);
  }
}
.cube:nth-child(23) {
  -webkit-animation: ani23 3s ease-in-out infinite;
          animation: ani23 3s ease-in-out infinite;
}

@-webkit-keyframes ani23 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(0, -17px, 17px);
            transform: rotateY(0deg) translate3d(0, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(0, -17px, 17px);
            transform: rotateY(760deg) translate3d(0, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(0, -17px, 17px);
            transform: rotateY(720deg) translate3d(0, -17px, 17px);
  }
}

@keyframes ani23 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(0, -17px, 17px);
            transform: rotateY(0deg) translate3d(0, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(0, -17px, 17px);
            transform: rotateY(760deg) translate3d(0, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(0, -17px, 17px);
            transform: rotateY(720deg) translate3d(0, -17px, 17px);
  }
}
.cube:nth-child(23) i {
  background: #F94468;
}

.cube:nth-child(24) {
  -webkit-animation: ani24 3s ease-in-out infinite;
          animation: ani24 3s ease-in-out infinite;
}

@-webkit-keyframes ani24 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(34px, -17px, 17px);
            transform: rotateY(0deg) translate3d(34px, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(34px, -17px, 17px);
            transform: rotateY(760deg) translate3d(34px, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(34px, -17px, 17px);
            transform: rotateY(720deg) translate3d(34px, -17px, 17px);
  }
}

@keyframes ani24 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(34px, -17px, 17px);
            transform: rotateY(0deg) translate3d(34px, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(34px, -17px, 17px);
            transform: rotateY(760deg) translate3d(34px, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(34px, -17px, 17px);
            transform: rotateY(720deg) translate3d(34px, -17px, 17px);
  }
}
.cube:nth-child(24) i {
  background: #F94468;
}

.cube:nth-child(25) {
  -webkit-animation: ani25 3s ease-in-out infinite;
          animation: ani25 3s ease-in-out infinite;
}

@-webkit-keyframes ani25 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(68px, -17px, 17px);
            transform: rotateY(0deg) translate3d(68px, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(68px, -17px, 17px);
            transform: rotateY(760deg) translate3d(68px, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(68px, -17px, 17px);
            transform: rotateY(720deg) translate3d(68px, -17px, 17px);
  }
}

@keyframes ani25 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(68px, -17px, 17px);
            transform: rotateY(0deg) translate3d(68px, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(68px, -17px, 17px);
            transform: rotateY(760deg) translate3d(68px, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(68px, -17px, 17px);
            transform: rotateY(720deg) translate3d(68px, -17px, 17px);
  }
}
.cube:nth-child(25) i {
  background: #F94468;
}

.cube:nth-child(26) {
  -webkit-animation: ani26 3s ease-in-out infinite;
          animation: ani26 3s ease-in-out infinite;
}

@-webkit-keyframes ani26 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(102px, -17px, 17px);
            transform: rotateY(0deg) translate3d(102px, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(102px, -17px, 17px);
            transform: rotateY(760deg) translate3d(102px, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(102px, -17px, 17px);
            transform: rotateY(720deg) translate3d(102px, -17px, 17px);
  }
}

@keyframes ani26 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(102px, -17px, 17px);
            transform: rotateY(0deg) translate3d(102px, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(102px, -17px, 17px);
            transform: rotateY(760deg) translate3d(102px, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(102px, -17px, 17px);
            transform: rotateY(720deg) translate3d(102px, -17px, 17px);
  }
}
.cube:nth-child(26) i {
  background: #F94468;
}

.cube:nth-child(27) {
  -webkit-animation: ani27 3s ease-in-out infinite;
          animation: ani27 3s ease-in-out infinite;
}

@-webkit-keyframes ani27 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, -17px, 17px);
            transform: rotateY(0deg) translate3d(-34px, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(-34px, -17px, 17px);
            transform: rotateY(760deg) translate3d(-34px, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(-34px, -17px, 17px);
            transform: rotateY(720deg) translate3d(-34px, -17px, 17px);
  }
}

@keyframes ani27 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, -17px, 17px);
            transform: rotateY(0deg) translate3d(-34px, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(-34px, -17px, 17px);
            transform: rotateY(760deg) translate3d(-34px, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(-34px, -17px, 17px);
            transform: rotateY(720deg) translate3d(-34px, -17px, 17px);
  }
}
.cube:nth-child(27) i {
  background: #F94468;
}

.cube:nth-child(28) {
  -webkit-animation: ani28 3s ease-in-out infinite;
          animation: ani28 3s ease-in-out infinite;
}

@-webkit-keyframes ani28 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(-68px, -17px, 17px);
            transform: rotateY(0deg) translate3d(-68px, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(-68px, -17px, 17px);
            transform: rotateY(760deg) translate3d(-68px, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(-68px, -17px, 17px);
            transform: rotateY(720deg) translate3d(-68px, -17px, 17px);
  }
}

@keyframes ani28 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(-68px, -17px, 17px);
            transform: rotateY(0deg) translate3d(-68px, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(-68px, -17px, 17px);
            transform: rotateY(760deg) translate3d(-68px, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(-68px, -17px, 17px);
            transform: rotateY(720deg) translate3d(-68px, -17px, 17px);
  }
}
.cube:nth-child(28) i {
  background: #F94468;
}

.cube:nth-child(29) {
  -webkit-animation: ani29 3s ease-in-out infinite;
          animation: ani29 3s ease-in-out infinite;
}

@-webkit-keyframes ani29 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(-102px, -17px, 17px);
            transform: rotateY(0deg) translate3d(-102px, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(-102px, -17px, 17px);
            transform: rotateY(760deg) translate3d(-102px, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(-102px, -17px, 17px);
            transform: rotateY(720deg) translate3d(-102px, -17px, 17px);
  }
}

@keyframes ani29 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(-102px, -17px, 17px);
            transform: rotateY(0deg) translate3d(-102px, -17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(-102px, -17px, 17px);
            transform: rotateY(760deg) translate3d(-102px, -17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(-102px, -17px, 17px);
            transform: rotateY(720deg) translate3d(-102px, -17px, 17px);
  }
}
.cube:nth-child(29) i {
  background: #F94468;
}

.cube:nth-child(30) {
  -webkit-animation: ani30 3s ease-in-out infinite;
          animation: ani30 3s ease-in-out infinite;
}

@-webkit-keyframes ani30 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(0, -17px, -17px);
            transform: rotateY(0deg) translate3d(0, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(0, -17px, -17px);
            transform: rotateY(760deg) translate3d(0, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(0, -17px, -17px);
            transform: rotateY(720deg) translate3d(0, -17px, -17px);
  }
}

@keyframes ani30 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(0, -17px, -17px);
            transform: rotateY(0deg) translate3d(0, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(0, -17px, -17px);
            transform: rotateY(760deg) translate3d(0, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(0, -17px, -17px);
            transform: rotateY(720deg) translate3d(0, -17px, -17px);
  }
}
.cube:nth-child(30) i {
  background: #F94468;
}

.cube:nth-child(31) {
  -webkit-animation: ani31 3s ease-in-out infinite;
          animation: ani31 3s ease-in-out infinite;
}

@-webkit-keyframes ani31 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(34px, -17px, -17px);
            transform: rotateY(0deg) translate3d(34px, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(34px, -17px, -17px);
            transform: rotateY(760deg) translate3d(34px, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(34px, -17px, -17px);
            transform: rotateY(720deg) translate3d(34px, -17px, -17px);
  }
}

@keyframes ani31 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(34px, -17px, -17px);
            transform: rotateY(0deg) translate3d(34px, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(34px, -17px, -17px);
            transform: rotateY(760deg) translate3d(34px, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(34px, -17px, -17px);
            transform: rotateY(720deg) translate3d(34px, -17px, -17px);
  }
}
.cube:nth-child(31) i {
  background: #F94468;
}

.cube:nth-child(32) {
  -webkit-animation: ani32 3s ease-in-out infinite;
          animation: ani32 3s ease-in-out infinite;
}

@-webkit-keyframes ani32 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(68px, -17px, -17px);
            transform: rotateY(0deg) translate3d(68px, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(68px, -17px, -17px);
            transform: rotateY(760deg) translate3d(68px, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(68px, -17px, -17px);
            transform: rotateY(720deg) translate3d(68px, -17px, -17px);
  }
}

@keyframes ani32 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(68px, -17px, -17px);
            transform: rotateY(0deg) translate3d(68px, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(68px, -17px, -17px);
            transform: rotateY(760deg) translate3d(68px, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(68px, -17px, -17px);
            transform: rotateY(720deg) translate3d(68px, -17px, -17px);
  }
}
.cube:nth-child(32) i {
  background: #F94468;
}

.cube:nth-child(33) {
  -webkit-animation: ani33 3s ease-in-out infinite;
          animation: ani33 3s ease-in-out infinite;
}

@-webkit-keyframes ani33 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(102px, -17px, -17px);
            transform: rotateY(0deg) translate3d(102px, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(102px, -17px, -17px);
            transform: rotateY(760deg) translate3d(102px, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(102px, -17px, -17px);
            transform: rotateY(720deg) translate3d(102px, -17px, -17px);
  }
}

@keyframes ani33 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(102px, -17px, -17px);
            transform: rotateY(0deg) translate3d(102px, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(102px, -17px, -17px);
            transform: rotateY(760deg) translate3d(102px, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(102px, -17px, -17px);
            transform: rotateY(720deg) translate3d(102px, -17px, -17px);
  }
}
.cube:nth-child(33) i {
  background: #F94468;
}

.cube:nth-child(34) {
  -webkit-animation: ani34 3s ease-in-out infinite;
          animation: ani34 3s ease-in-out infinite;
}

@-webkit-keyframes ani34 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, -17px, -17px);
            transform: rotateY(0deg) translate3d(-34px, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(-34px, -17px, -17px);
            transform: rotateY(760deg) translate3d(-34px, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(-34px, -17px, -17px);
            transform: rotateY(720deg) translate3d(-34px, -17px, -17px);
  }
}

@keyframes ani34 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, -17px, -17px);
            transform: rotateY(0deg) translate3d(-34px, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(-34px, -17px, -17px);
            transform: rotateY(760deg) translate3d(-34px, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(-34px, -17px, -17px);
            transform: rotateY(720deg) translate3d(-34px, -17px, -17px);
  }
}
.cube:nth-child(34) i {
  background: #F94468;
}

.cube:nth-child(35) {
  -webkit-animation: ani35 3s ease-in-out infinite;
          animation: ani35 3s ease-in-out infinite;
}

@-webkit-keyframes ani35 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(-68px, -17px, -17px);
            transform: rotateY(0deg) translate3d(-68px, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(-68px, -17px, -17px);
            transform: rotateY(760deg) translate3d(-68px, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(-68px, -17px, -17px);
            transform: rotateY(720deg) translate3d(-68px, -17px, -17px);
  }
}

@keyframes ani35 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(-68px, -17px, -17px);
            transform: rotateY(0deg) translate3d(-68px, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(-68px, -17px, -17px);
            transform: rotateY(760deg) translate3d(-68px, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(-68px, -17px, -17px);
            transform: rotateY(720deg) translate3d(-68px, -17px, -17px);
  }
}
.cube:nth-child(35) i {
  background: #F94468;
}

.cube:nth-child(36) {
  -webkit-animation: ani36 3s ease-in-out infinite;
          animation: ani36 3s ease-in-out infinite;
}

@-webkit-keyframes ani36 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(-102px, -17px, -17px);
            transform: rotateY(0deg) translate3d(-102px, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(-102px, -17px, -17px);
            transform: rotateY(760deg) translate3d(-102px, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(-102px, -17px, -17px);
            transform: rotateY(720deg) translate3d(-102px, -17px, -17px);
  }
}

@keyframes ani36 {
  2% {
    -webkit-transform: rotateY(0deg) translate3d(-102px, -17px, -17px);
            transform: rotateY(0deg) translate3d(-102px, -17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(760deg) translate3d(-102px, -17px, -17px);
            transform: rotateY(760deg) translate3d(-102px, -17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(720deg) translate3d(-102px, -17px, -17px);
            transform: rotateY(720deg) translate3d(-102px, -17px, -17px);
  }
}
.cube:nth-child(36) i {
  background: #F94468;
}

.cube:nth-child(37) {
  -webkit-animation: ani37 3s ease-in-out infinite;
          animation: ani37 3s ease-in-out infinite;
}

@-webkit-keyframes ani37 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(0, 17px, 17px);
            transform: rotateY(0deg) translate3d(0, 17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(0, 17px, 17px);
            transform: rotateY(400deg) translate3d(0, 17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(0, 17px, 17px);
            transform: rotateY(360deg) translate3d(0, 17px, 17px);
  }
}

@keyframes ani37 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(0, 17px, 17px);
            transform: rotateY(0deg) translate3d(0, 17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(0, 17px, 17px);
            transform: rotateY(400deg) translate3d(0, 17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(0, 17px, 17px);
            transform: rotateY(360deg) translate3d(0, 17px, 17px);
  }
}
.cube:nth-child(38) {
  -webkit-animation: ani38 3s ease-in-out infinite;
          animation: ani38 3s ease-in-out infinite;
}

@-webkit-keyframes ani38 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(34px, 17px, 17px);
            transform: rotateY(0deg) translate3d(34px, 17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(34px, 17px, 17px);
            transform: rotateY(400deg) translate3d(34px, 17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(34px, 17px, 17px);
            transform: rotateY(360deg) translate3d(34px, 17px, 17px);
  }
}

@keyframes ani38 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(34px, 17px, 17px);
            transform: rotateY(0deg) translate3d(34px, 17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(34px, 17px, 17px);
            transform: rotateY(400deg) translate3d(34px, 17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(34px, 17px, 17px);
            transform: rotateY(360deg) translate3d(34px, 17px, 17px);
  }
}
.cube:nth-child(39) {
  -webkit-animation: ani39 3s ease-in-out infinite;
          animation: ani39 3s ease-in-out infinite;
}

@-webkit-keyframes ani39 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(68px, 17px, 17px);
            transform: rotateY(0deg) translate3d(68px, 17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(68px, 17px, 17px);
            transform: rotateY(400deg) translate3d(68px, 17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(68px, 17px, 17px);
            transform: rotateY(360deg) translate3d(68px, 17px, 17px);
  }
}

@keyframes ani39 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(68px, 17px, 17px);
            transform: rotateY(0deg) translate3d(68px, 17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(68px, 17px, 17px);
            transform: rotateY(400deg) translate3d(68px, 17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(68px, 17px, 17px);
            transform: rotateY(360deg) translate3d(68px, 17px, 17px);
  }
}
.cube:nth-child(40) {
  -webkit-animation: ani40 3s ease-in-out infinite;
          animation: ani40 3s ease-in-out infinite;
}

@-webkit-keyframes ani40 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, 17px, 17px);
            transform: rotateY(0deg) translate3d(-34px, 17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(-34px, 17px, 17px);
            transform: rotateY(400deg) translate3d(-34px, 17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(-34px, 17px, 17px);
            transform: rotateY(360deg) translate3d(-34px, 17px, 17px);
  }
}

@keyframes ani40 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, 17px, 17px);
            transform: rotateY(0deg) translate3d(-34px, 17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(-34px, 17px, 17px);
            transform: rotateY(400deg) translate3d(-34px, 17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(-34px, 17px, 17px);
            transform: rotateY(360deg) translate3d(-34px, 17px, 17px);
  }
}
.cube:nth-child(41) {
  -webkit-animation: ani41 3s ease-in-out infinite;
          animation: ani41 3s ease-in-out infinite;
}

@-webkit-keyframes ani41 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(-68px, 17px, 17px);
            transform: rotateY(0deg) translate3d(-68px, 17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(-68px, 17px, 17px);
            transform: rotateY(400deg) translate3d(-68px, 17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(-68px, 17px, 17px);
            transform: rotateY(360deg) translate3d(-68px, 17px, 17px);
  }
}

@keyframes ani41 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(-68px, 17px, 17px);
            transform: rotateY(0deg) translate3d(-68px, 17px, 17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(-68px, 17px, 17px);
            transform: rotateY(400deg) translate3d(-68px, 17px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(-68px, 17px, 17px);
            transform: rotateY(360deg) translate3d(-68px, 17px, 17px);
  }
}
.cube:nth-child(42) {
  -webkit-animation: ani42 3s ease-in-out infinite;
          animation: ani42 3s ease-in-out infinite;
}

@-webkit-keyframes ani42 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(0, 17px, -17px);
            transform: rotateY(0deg) translate3d(0, 17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(0, 17px, -17px);
            transform: rotateY(400deg) translate3d(0, 17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(0, 17px, -17px);
            transform: rotateY(360deg) translate3d(0, 17px, -17px);
  }
}

@keyframes ani42 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(0, 17px, -17px);
            transform: rotateY(0deg) translate3d(0, 17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(0, 17px, -17px);
            transform: rotateY(400deg) translate3d(0, 17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(0, 17px, -17px);
            transform: rotateY(360deg) translate3d(0, 17px, -17px);
  }
}
.cube:nth-child(43) {
  -webkit-animation: ani43 3s ease-in-out infinite;
          animation: ani43 3s ease-in-out infinite;
}

@-webkit-keyframes ani43 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(34px, 17px, -17px);
            transform: rotateY(0deg) translate3d(34px, 17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(34px, 17px, -17px);
            transform: rotateY(400deg) translate3d(34px, 17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(34px, 17px, -17px);
            transform: rotateY(360deg) translate3d(34px, 17px, -17px);
  }
}

@keyframes ani43 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(34px, 17px, -17px);
            transform: rotateY(0deg) translate3d(34px, 17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(34px, 17px, -17px);
            transform: rotateY(400deg) translate3d(34px, 17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(34px, 17px, -17px);
            transform: rotateY(360deg) translate3d(34px, 17px, -17px);
  }
}
.cube:nth-child(44) {
  -webkit-animation: ani44 3s ease-in-out infinite;
          animation: ani44 3s ease-in-out infinite;
}

@-webkit-keyframes ani44 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(68px, 17px, -17px);
            transform: rotateY(0deg) translate3d(68px, 17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(68px, 17px, -17px);
            transform: rotateY(400deg) translate3d(68px, 17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(68px, 17px, -17px);
            transform: rotateY(360deg) translate3d(68px, 17px, -17px);
  }
}

@keyframes ani44 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(68px, 17px, -17px);
            transform: rotateY(0deg) translate3d(68px, 17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(68px, 17px, -17px);
            transform: rotateY(400deg) translate3d(68px, 17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(68px, 17px, -17px);
            transform: rotateY(360deg) translate3d(68px, 17px, -17px);
  }
}
.cube:nth-child(45) {
  -webkit-animation: ani45 3s ease-in-out infinite;
          animation: ani45 3s ease-in-out infinite;
}

@-webkit-keyframes ani45 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, 17px, -17px);
            transform: rotateY(0deg) translate3d(-34px, 17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(-34px, 17px, -17px);
            transform: rotateY(400deg) translate3d(-34px, 17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(-34px, 17px, -17px);
            transform: rotateY(360deg) translate3d(-34px, 17px, -17px);
  }
}

@keyframes ani45 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, 17px, -17px);
            transform: rotateY(0deg) translate3d(-34px, 17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(-34px, 17px, -17px);
            transform: rotateY(400deg) translate3d(-34px, 17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(-34px, 17px, -17px);
            transform: rotateY(360deg) translate3d(-34px, 17px, -17px);
  }
}
.cube:nth-child(46) {
  -webkit-animation: ani46 3s ease-in-out infinite;
          animation: ani46 3s ease-in-out infinite;
}

@-webkit-keyframes ani46 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(-68px, 17px, -17px);
            transform: rotateY(0deg) translate3d(-68px, 17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(-68px, 17px, -17px);
            transform: rotateY(400deg) translate3d(-68px, 17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(-68px, 17px, -17px);
            transform: rotateY(360deg) translate3d(-68px, 17px, -17px);
  }
}

@keyframes ani46 {
  3% {
    -webkit-transform: rotateY(0deg) translate3d(-68px, 17px, -17px);
            transform: rotateY(0deg) translate3d(-68px, 17px, -17px);
  }
  70% {
    -webkit-transform: rotateY(400deg) translate3d(-68px, 17px, -17px);
            transform: rotateY(400deg) translate3d(-68px, 17px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(360deg) translate3d(-68px, 17px, -17px);
            transform: rotateY(360deg) translate3d(-68px, 17px, -17px);
  }
}
.cube:nth-child(47) {
  -webkit-animation: ani47 3s ease-in-out infinite;
          animation: ani47 3s ease-in-out infinite;
}

@-webkit-keyframes ani47 {
  4% {
    -webkit-transform: rotateY(0deg) translate3d(0, 51px, 17px);
            transform: rotateY(0deg) translate3d(0, 51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(220deg) translate3d(0, 51px, 17px);
            transform: rotateY(220deg) translate3d(0, 51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(180deg) translate3d(0, 51px, 17px);
            transform: rotateY(180deg) translate3d(0, 51px, 17px);
  }
}

@keyframes ani47 {
  4% {
    -webkit-transform: rotateY(0deg) translate3d(0, 51px, 17px);
            transform: rotateY(0deg) translate3d(0, 51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(220deg) translate3d(0, 51px, 17px);
            transform: rotateY(220deg) translate3d(0, 51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(180deg) translate3d(0, 51px, 17px);
            transform: rotateY(180deg) translate3d(0, 51px, 17px);
  }
}
.cube:nth-child(47) i {
  background: #F94468;
}

.cube:nth-child(48) {
  -webkit-animation: ani48 3s ease-in-out infinite;
          animation: ani48 3s ease-in-out infinite;
}

@-webkit-keyframes ani48 {
  4% {
    -webkit-transform: rotateY(0deg) translate3d(34px, 51px, 17px);
            transform: rotateY(0deg) translate3d(34px, 51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(220deg) translate3d(34px, 51px, 17px);
            transform: rotateY(220deg) translate3d(34px, 51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(180deg) translate3d(34px, 51px, 17px);
            transform: rotateY(180deg) translate3d(34px, 51px, 17px);
  }
}

@keyframes ani48 {
  4% {
    -webkit-transform: rotateY(0deg) translate3d(34px, 51px, 17px);
            transform: rotateY(0deg) translate3d(34px, 51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(220deg) translate3d(34px, 51px, 17px);
            transform: rotateY(220deg) translate3d(34px, 51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(180deg) translate3d(34px, 51px, 17px);
            transform: rotateY(180deg) translate3d(34px, 51px, 17px);
  }
}
.cube:nth-child(48) i {
  background: #F94468;
}

.cube:nth-child(49) {
  -webkit-animation: ani49 3s ease-in-out infinite;
          animation: ani49 3s ease-in-out infinite;
}

@-webkit-keyframes ani49 {
  4% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, 51px, 17px);
            transform: rotateY(0deg) translate3d(-34px, 51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(220deg) translate3d(-34px, 51px, 17px);
            transform: rotateY(220deg) translate3d(-34px, 51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(180deg) translate3d(-34px, 51px, 17px);
            transform: rotateY(180deg) translate3d(-34px, 51px, 17px);
  }
}

@keyframes ani49 {
  4% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, 51px, 17px);
            transform: rotateY(0deg) translate3d(-34px, 51px, 17px);
  }
  70% {
    -webkit-transform: rotateY(220deg) translate3d(-34px, 51px, 17px);
            transform: rotateY(220deg) translate3d(-34px, 51px, 17px);
  }
  90%,100% {
    -webkit-transform: rotateY(180deg) translate3d(-34px, 51px, 17px);
            transform: rotateY(180deg) translate3d(-34px, 51px, 17px);
  }
}
.cube:nth-child(49) i {
  background: #F94468;
}

.cube:nth-child(50) {
  -webkit-animation: ani50 3s ease-in-out infinite;
          animation: ani50 3s ease-in-out infinite;
}

@-webkit-keyframes ani50 {
  4% {
    -webkit-transform: rotateY(0deg) translate3d(0, 51px, -17px);
            transform: rotateY(0deg) translate3d(0, 51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(220deg) translate3d(0, 51px, -17px);
            transform: rotateY(220deg) translate3d(0, 51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(180deg) translate3d(0, 51px, -17px);
            transform: rotateY(180deg) translate3d(0, 51px, -17px);
  }
}

@keyframes ani50 {
  4% {
    -webkit-transform: rotateY(0deg) translate3d(0, 51px, -17px);
            transform: rotateY(0deg) translate3d(0, 51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(220deg) translate3d(0, 51px, -17px);
            transform: rotateY(220deg) translate3d(0, 51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(180deg) translate3d(0, 51px, -17px);
            transform: rotateY(180deg) translate3d(0, 51px, -17px);
  }
}
.cube:nth-child(50) i {
  background: #F94468;
}

.cube:nth-child(51) {
  -webkit-animation: ani51 3s ease-in-out infinite;
          animation: ani51 3s ease-in-out infinite;
}

@-webkit-keyframes ani51 {
  4% {
    -webkit-transform: rotateY(0deg) translate3d(34px, 51px, -17px);
            transform: rotateY(0deg) translate3d(34px, 51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(220deg) translate3d(34px, 51px, -17px);
            transform: rotateY(220deg) translate3d(34px, 51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(180deg) translate3d(34px, 51px, -17px);
            transform: rotateY(180deg) translate3d(34px, 51px, -17px);
  }
}

@keyframes ani51 {
  4% {
    -webkit-transform: rotateY(0deg) translate3d(34px, 51px, -17px);
            transform: rotateY(0deg) translate3d(34px, 51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(220deg) translate3d(34px, 51px, -17px);
            transform: rotateY(220deg) translate3d(34px, 51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(180deg) translate3d(34px, 51px, -17px);
            transform: rotateY(180deg) translate3d(34px, 51px, -17px);
  }
}
.cube:nth-child(51) i {
  background: #F94468;
}

.cube:nth-child(52) {
  -webkit-animation: ani52 3s ease-in-out infinite;
          animation: ani52 3s ease-in-out infinite;
}

@-webkit-keyframes ani52 {
  4% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, 51px, -17px);
            transform: rotateY(0deg) translate3d(-34px, 51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(220deg) translate3d(-34px, 51px, -17px);
            transform: rotateY(220deg) translate3d(-34px, 51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(180deg) translate3d(-34px, 51px, -17px);
            transform: rotateY(180deg) translate3d(-34px, 51px, -17px);
  }
}

@keyframes ani52 {
  4% {
    -webkit-transform: rotateY(0deg) translate3d(-34px, 51px, -17px);
            transform: rotateY(0deg) translate3d(-34px, 51px, -17px);
  }
  70% {
    -webkit-transform: rotateY(220deg) translate3d(-34px, 51px, -17px);
            transform: rotateY(220deg) translate3d(-34px, 51px, -17px);
  }
  90%,100% {
    -webkit-transform: rotateY(180deg) translate3d(-34px, 51px, -17px);
            transform: rotateY(180deg) translate3d(-34px, 51px, -17px);
  }
}
.cube:nth-child(52) i {
  background: #F94468;
}

.cube:nth-child(53) {
  -webkit-animation: ani53 6s linear infinite;
          animation: ani53 6s linear infinite;
}

@-webkit-keyframes ani53 {
  100% {
    -webkit-transform: rotateY(-360deg) translate3d(0, 85px, 17px);
            transform: rotateY(-360deg) translate3d(0, 85px, 17px);
  }
}

@keyframes ani53 {
  100% {
    -webkit-transform: rotateY(-360deg) translate3d(0, 85px, 17px);
            transform: rotateY(-360deg) translate3d(0, 85px, 17px);
  }
}
.cube:nth-child(54) {
  -webkit-animation: ani54 6s linear infinite;
          animation: ani54 6s linear infinite;
}

@-webkit-keyframes ani54 {
  100% {
    -webkit-transform: rotateY(-360deg) translate3d(0, 85px, -17px);
            transform: rotateY(-360deg) translate3d(0, 85px, -17px);
  }
}

@keyframes ani54 {
  100% {
    -webkit-transform: rotateY(-360deg) translate3d(0, 85px, -17px);
            transform: rotateY(-360deg) translate3d(0, 85px, -17px);
  }
}