body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #ebff00;
  cursor: pointer;
  -webkit-perspective: 500px;
          perspective: 500px;
  display: grid;
}
body input {
  position: absolute;
  width: 100vh;
  z-index: 9999;
  background: #000;
  height: 30px;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
body input:checked ~ .animate:after {
  -webkit-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
}
body input:checked ~ #wrap {
  width: 50vw;
  height: 50vw;
  left: calc(50% - 25vw);
  top: calc(50% - 25vw);
  -webkit-animation: rotate 20s linear infinite;
          animation: rotate 20s linear infinite;
  -webkit-perspective: 1200px;
          perspective: 1200px;
}
body input:checked ~ #wrap .cell {
  -webkit-transform: translateZ(var(--z)) rotate(var(--rotate));
          transform: translateZ(var(--z)) rotate(var(--rotate));
}
body:before, body .animate {
  content: 'Click Anywhere to Regenerate';
  color: #fff;
  font-family: sans-serif;
  display: inline-block;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 9999;
  bottom: 0;
  left: 0;
  padding: 0.5rem;
  font-size: 0.85rem;
  background: #000;
  text-transform: uppercase;
  letter-spacing: 2px;
}
body .animate {
  bottom: auto;
  top: 0;
  pointer-events: none;
}
body .animate:before, body .animate:after {
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  box-shadow: 0 0 0 2px #ccc;
  left: calc(50% - 75px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 100%;
}
body .animate:after {
  background: #ebff00;
  box-shadow: none;
  -webkit-transform: translateY(-50%) scale(0);
          transform: translateY(-50%) scale(0);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
body svg {
  position: absolute;
}
body #wrap {
  pointer-events: none;
  position: absolute;
  width: 100vw;
  height: 100vw;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateY(-10deg);
            transform: rotateY(-10deg);
  }
  20% {
    -webkit-transform: rotateY(-10deg) rotateX(10deg);
            transform: rotateY(-10deg) rotateX(10deg);
  }
  40% {
    -webkit-transform: rotateY(10deg) rotateX(10deg);
            transform: rotateY(10deg) rotateX(10deg);
  }
  60% {
    -webkit-transform: rotateY(10deg) rotateX(-10deg);
            transform: rotateY(10deg) rotateX(-10deg);
  }
  80% {
    -webkit-transform: rotateY(-10deg) rotateX(-10deg);
            transform: rotateY(-10deg) rotateX(-10deg);
  }
  100% {
    -webkit-transform: rotateY(-10deg);
            transform: rotateY(-10deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotateY(-10deg);
            transform: rotateY(-10deg);
  }
  20% {
    -webkit-transform: rotateY(-10deg) rotateX(10deg);
            transform: rotateY(-10deg) rotateX(10deg);
  }
  40% {
    -webkit-transform: rotateY(10deg) rotateX(10deg);
            transform: rotateY(10deg) rotateX(10deg);
  }
  60% {
    -webkit-transform: rotateY(10deg) rotateX(-10deg);
            transform: rotateY(10deg) rotateX(-10deg);
  }
  80% {
    -webkit-transform: rotateY(-10deg) rotateX(-10deg);
            transform: rotateY(-10deg) rotateX(-10deg);
  }
  100% {
    -webkit-transform: rotateY(-10deg);
            transform: rotateY(-10deg);
  }
}
body #wrap * {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
body.loaded .cell:nth-of-type(1) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 1.0833333333s, 0s;
          transition-delay: 1.0833333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(1):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 1.3333333333s;
          transition-delay: 1.3333333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(2) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 1.1666666667s, 0s;
          transition-delay: 1.1666666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(2):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 1.4166666667s;
          transition-delay: 1.4166666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(3) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 1.25s, 0s;
          transition-delay: 1.25s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(3):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(4) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 1.3333333333s, 0s;
          transition-delay: 1.3333333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(4):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 1.5833333333s;
          transition-delay: 1.5833333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(5) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 1.4166666667s, 0s;
          transition-delay: 1.4166666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(5):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 1.6666666667s;
          transition-delay: 1.6666666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(6) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 1.5s, 0s;
          transition-delay: 1.5s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(6):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 1.75s;
          transition-delay: 1.75s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(7) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 1.5833333333s, 0s;
          transition-delay: 1.5833333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(7):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 1.8333333333s;
          transition-delay: 1.8333333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(8) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 1.6666666667s, 0s;
          transition-delay: 1.6666666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(8):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 1.9166666667s;
          transition-delay: 1.9166666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(9) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 1.75s, 0s;
          transition-delay: 1.75s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(9):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(10) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 1.8333333333s, 0s;
          transition-delay: 1.8333333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(10):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 2.0833333333s;
          transition-delay: 2.0833333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(11) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 1.9166666667s, 0s;
          transition-delay: 1.9166666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(11):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 2.1666666667s;
          transition-delay: 2.1666666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(12) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 2s, 0s;
          transition-delay: 2s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(12):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 2.25s;
          transition-delay: 2.25s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(13) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 2.0833333333s, 0s;
          transition-delay: 2.0833333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(13):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 2.3333333333s;
          transition-delay: 2.3333333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(14) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 2.1666666667s, 0s;
          transition-delay: 2.1666666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(14):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 2.4166666667s;
          transition-delay: 2.4166666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(15) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 2.25s, 0s;
          transition-delay: 2.25s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(15):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(16) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 2.3333333333s, 0s;
          transition-delay: 2.3333333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(16):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 2.5833333333s;
          transition-delay: 2.5833333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(17) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 2.4166666667s, 0s;
          transition-delay: 2.4166666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(17):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 2.6666666667s;
          transition-delay: 2.6666666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(18) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 2.5s, 0s;
          transition-delay: 2.5s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(18):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 2.75s;
          transition-delay: 2.75s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(19) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 2.5833333333s, 0s;
          transition-delay: 2.5833333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(19):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 2.8333333333s;
          transition-delay: 2.8333333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(20) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 2.6666666667s, 0s;
          transition-delay: 2.6666666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(20):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 2.9166666667s;
          transition-delay: 2.9166666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(21) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 2.75s, 0s;
          transition-delay: 2.75s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(21):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(22) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 2.8333333333s, 0s;
          transition-delay: 2.8333333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(22):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 3.0833333333s;
          transition-delay: 3.0833333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(23) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 2.9166666667s, 0s;
          transition-delay: 2.9166666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(23):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 3.1666666667s;
          transition-delay: 3.1666666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(24) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 3s, 0s;
          transition-delay: 3s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(24):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 3.25s;
          transition-delay: 3.25s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(25) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 3.0833333333s, 0s;
          transition-delay: 3.0833333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(25):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 3.3333333333s;
          transition-delay: 3.3333333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(26) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 3.1666666667s, 0s;
          transition-delay: 3.1666666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(26):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 3.4166666667s;
          transition-delay: 3.4166666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(27) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 3.25s, 0s;
          transition-delay: 3.25s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(27):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 3.5s;
          transition-delay: 3.5s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(28) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 3.3333333333s, 0s;
          transition-delay: 3.3333333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(28):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 3.5833333333s;
          transition-delay: 3.5833333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(29) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 3.4166666667s, 0s;
          transition-delay: 3.4166666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(29):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 3.6666666667s;
          transition-delay: 3.6666666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(30) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 3.5s, 0s;
          transition-delay: 3.5s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(30):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 3.75s;
          transition-delay: 3.75s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(31) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 3.5833333333s, 0s;
          transition-delay: 3.5833333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(31):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 3.8333333333s;
          transition-delay: 3.8333333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(32) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 3.6666666667s, 0s;
          transition-delay: 3.6666666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(32):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 3.9166666667s;
          transition-delay: 3.9166666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(33) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 3.75s, 0s;
          transition-delay: 3.75s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(33):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(34) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 3.8333333333s, 0s;
          transition-delay: 3.8333333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(34):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 4.0833333333s;
          transition-delay: 4.0833333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(35) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 3.9166666667s, 0s;
          transition-delay: 3.9166666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(35):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 4.1666666667s;
          transition-delay: 4.1666666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(36) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 4s, 0s;
          transition-delay: 4s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(36):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 4.25s;
          transition-delay: 4.25s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(37) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 4.0833333333s, 0s;
          transition-delay: 4.0833333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(37):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 4.3333333333s;
          transition-delay: 4.3333333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(38) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 4.1666666667s, 0s;
          transition-delay: 4.1666666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(38):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 4.4166666667s;
          transition-delay: 4.4166666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(39) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 4.25s, 0s;
          transition-delay: 4.25s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(39):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 4.5s;
          transition-delay: 4.5s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(40) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 4.3333333333s, 0s;
          transition-delay: 4.3333333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(40):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 4.5833333333s;
          transition-delay: 4.5833333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(41) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 4.4166666667s, 0s;
          transition-delay: 4.4166666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(41):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 4.6666666667s;
          transition-delay: 4.6666666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(42) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 4.5s, 0s;
          transition-delay: 4.5s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(42):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 4.75s;
          transition-delay: 4.75s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(43) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 4.5833333333s, 0s;
          transition-delay: 4.5833333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(43):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 4.8333333333s;
          transition-delay: 4.8333333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(44) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 4.6666666667s, 0s;
          transition-delay: 4.6666666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(44):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 4.9166666667s;
          transition-delay: 4.9166666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(45) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 4.75s, 0s;
          transition-delay: 4.75s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(45):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 5s;
          transition-delay: 5s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(46) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 4.8333333333s, 0s;
          transition-delay: 4.8333333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(46):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 5.0833333333s;
          transition-delay: 5.0833333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(47) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 4.9166666667s, 0s;
          transition-delay: 4.9166666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(47):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 5.1666666667s;
          transition-delay: 5.1666666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(48) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 5s, 0s;
          transition-delay: 5s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(48):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 5.25s;
          transition-delay: 5.25s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(49) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 5.0833333333s, 0s;
          transition-delay: 5.0833333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(49):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 5.3333333333s;
          transition-delay: 5.3333333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(50) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 5.1666666667s, 0s;
          transition-delay: 5.1666666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(50):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 5.4166666667s;
          transition-delay: 5.4166666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(51) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 5.25s, 0s;
          transition-delay: 5.25s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(51):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 5.5s;
          transition-delay: 5.5s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(52) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 5.3333333333s, 0s;
          transition-delay: 5.3333333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(52):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 5.5833333333s;
          transition-delay: 5.5833333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(53) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 5.4166666667s, 0s;
          transition-delay: 5.4166666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(53):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 5.6666666667s;
          transition-delay: 5.6666666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(54) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 5.5s, 0s;
          transition-delay: 5.5s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(54):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 5.75s;
          transition-delay: 5.75s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(55) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 5.5833333333s, 0s;
          transition-delay: 5.5833333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(55):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 5.8333333333s;
          transition-delay: 5.8333333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(56) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 5.6666666667s, 0s;
          transition-delay: 5.6666666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(56):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 5.9166666667s;
          transition-delay: 5.9166666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(57) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 5.75s, 0s;
          transition-delay: 5.75s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(57):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 6s;
          transition-delay: 6s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(58) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 5.8333333333s, 0s;
          transition-delay: 5.8333333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(58):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 6.0833333333s;
          transition-delay: 6.0833333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(59) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 5.9166666667s, 0s;
          transition-delay: 5.9166666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(59):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 6.1666666667s;
          transition-delay: 6.1666666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(60) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 6s, 0s;
          transition-delay: 6s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(60):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 6.25s;
          transition-delay: 6.25s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(61) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 6.0833333333s, 0s;
          transition-delay: 6.0833333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(61):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 6.3333333333s;
          transition-delay: 6.3333333333s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(62) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 6.1666666667s, 0s;
          transition-delay: 6.1666666667s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(62):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 6.4166666667s;
          transition-delay: 6.4166666667s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(63) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 6.25s, 0s;
          transition-delay: 6.25s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(63):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 6.5s;
          transition-delay: 6.5s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(64) .inner {
  -webkit-transition: 0.3s ease-in-out, background 0s;
  transition: 0.3s ease-in-out, background 0s;
  -webkit-transition-delay: 6.3333333333s, 0s;
          transition-delay: 6.3333333333s, 0s;
  opacity: 1;
}
body.loaded .cell:nth-of-type(64):after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-delay: 6.5833333333s;
          transition-delay: 6.5833333333s;
  opacity: 1;
}
body .cell {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative;
  background: #ebff00;
  z-index: var(--zindex);
  -webkit-transform: rotate(var(--rotate));
          transform: rotate(var(--rotate));
  -webkit-filter: var(--filter);
          filter: var(--filter);
}
body .cell:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f58300;
  mix-blend-mode: overlay;
}
body .cell .inner {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  left: 0;
  top: 0;
  background: var(--background);
  background-size: cover;
  width: var(--size);
  height: var(--size);
  -webkit-clip-path: var(--clip);
          clip-path: var(--clip);
  left: 50%;
  top: 50%;
  -webkit-filter: grayscale(100%) contrast(var(--contrast));
          filter: grayscale(100%) contrast(var(--contrast));
  mix-blend-mode: multiply;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}