body {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
}
@media (max-height: 800px) {
  body {
    zoom: 0.75;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }
}
body:before {
  content: '';
  position: absolute;
  width: 500%;
  height: 100%;
  background: linear-gradient(55deg, transparent 2.5px, #666 2.5px, #666 3.5px, #666 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #666 2.5px, #666 3.5px, #666 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #666 2.5px, #666 3.5px, #666 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #666 2.5px, #666 3.5px, #666 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  opacity: 0;
  transition: 0.5s ease-in-out;
}
@media (max-height: 800px) {
  body:before {
    height: 200%;
    top: -50%;
  }
}
body.darkmode {
  -webkit-filter: saturate(0) brightness(0.75) contrast(1.25);
          filter: saturate(0) brightness(0.75) contrast(1.25);
}
body.darkmode:before {
  opacity: 1;
}
body button {
  position: absolute;
  margin-bottom: 50px;
  top: calc(50% + 350px);
  color: #fff;
  padding: 5px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: none;
  background: transparent;
  font-family: Futura;
  font-weight: 900;
  text-shadow: 0 5px 10px black;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: calc(50% + 100px);
  outline: none;
  cursor: pointer;
}
body button:focus, body button:hover {
  outline: none;
}
body button.refresh.loading:before {
  width: 70px;
  transition: width 1s ease-in-out;
  transition-delay: 0s;
  -webkit-animation: bgload 2s ease-in 1 forwards;
          animation: bgload 2s ease-in 1 forwards;
}
@-webkit-keyframes bgload {
  to {
    background-position: -200px 50%, 50% 50%;
  }
}
@keyframes bgload {
  to {
    background-position: -200px 50%, 50% 50%;
  }
}
body button.refresh:before {
  transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: 1.25s;
  background: repeating-linear-gradient(45deg, #fff 2px, transparent 2px, transparent 9px, #fff 9px, #fff 11px), green;
  background-size: 1100px 100%, 100%;
  background-repeat: no-repeat;
  background-position: -400px 50%, 50% 50%;
  -webkit-animation: bgload2 1.5s ease-out 1 forwards;
          animation: bgload2 1.5s ease-out 1 forwards;
}
@-webkit-keyframes bgload2 {
  from {
    background-position: -200px 50%, 50% 50%;
  }
  to {
    background-position: 0px 50%, 50% 50%;
  }
}
@keyframes bgload2 {
  from {
    background-position: -200px 50%, 50% 50%;
  }
  to {
    background-position: 0px 50%, 50% 50%;
  }
}
body button.active:before {
  -webkit-transform: translateX(25px);
          transform: translateX(25px);
  background: #222;
}
body button:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: green;
  border-radius: 25px;
  top: 37.5px;
  z-index: 2;
  left: calc(50% - 10px);
  -webkit-transform: translateX(-25px);
          transform: translateX(-25px);
  box-shadow: inset 0 -1.5px 5px rgba(0, 0, 0, 0.75);
  transition: 0.3s ease-in-out;
}
body button:after {
  content: '';
  position: absolute;
  width: 75px;
  left: calc(50% - 37.5px);
  height: 25px;
  box-shadow: 0 0 0 2px #fff, 0 5px 10px black;
  top: 35px;
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.75);
  z-index: 0;
}
body button:first-of-type {
  left: calc(50% - 100px);
}
body #wrap {
  display: grid;
  transition: -webkit-filter 0.5s ease-in-out;
  transition: filter 0.5s ease-in-out;
  transition: filter 0.5s ease-in-out, -webkit-filter 0.5s ease-in-out;
  -webkit-filter: hue-rotate(var(--hue));
          filter: hue-rotate(var(--hue));
  grid-template-rows: repeat(10, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 700px;
  height: 700px;
  position: relative;
  margin-top: -40px;
  z-index: 2;
  box-shadow: 0 40px 40px -10px rgba(0, 0, 0, 0.5), 0 0 0 200vh rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: 0px 50%, -10.5px 50%, 0px calc(50% - 6px), -10.5px calc(50% - 6px);
  overflow: hidden;
  min-width: 700px;
}
body #wrap.hide .row {
  -webkit-clip-path: polygon(-100% -100%, -100% -100%, -100% 200%, -100% 200%);
          clip-path: polygon(-100% -100%, -100% -100%, -100% 200%, -100% 200%);
}
body #wrap .row {
  width: 50%;
  height: 100%;
  margin-left: 50%;
  top: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-box-reflect: left;
  -webkit-clip-path: polygon(-100% -100%, 100% -100%, 100% 200%, -100% 200%);
          clip-path: polygon(-100% -100%, 100% -100%, 100% 200%, -100% 200%);
  transition: 1s ease-in-out;
}
body #wrap .row:nth-of-type(even) {
  transition: 0.8s ease-in-out;
}
body #wrap .row:nth-of-type(1) {
  transition-delay: 0.1s;
}
body #wrap .row:nth-of-type(even) {
  transition: 0.8s ease-in-out;
}
body #wrap .row:nth-of-type(2) {
  transition-delay: 0.2s;
}
body #wrap .row:nth-of-type(even) {
  transition: 0.8s ease-in-out;
}
body #wrap .row:nth-of-type(3) {
  transition-delay: 0.3s;
}
body #wrap .row:nth-of-type(even) {
  transition: 0.8s ease-in-out;
}
body #wrap .row:nth-of-type(4) {
  transition-delay: 0.4s;
}
body #wrap .row:nth-of-type(even) {
  transition: 0.8s ease-in-out;
}
body #wrap .row:nth-of-type(5) {
  transition-delay: 0.5s;
}
body #wrap .row:nth-of-type(even) {
  transition: 0.8s ease-in-out;
}
body #wrap .row:nth-of-type(6) {
  transition-delay: 0.6s;
}
body #wrap .row:nth-of-type(even) {
  transition: 0.8s ease-in-out;
}
body #wrap .row:nth-of-type(7) {
  transition-delay: 0.7s;
}
body #wrap .row:nth-of-type(even) {
  transition: 0.8s ease-in-out;
}
body #wrap .row:nth-of-type(8) {
  transition-delay: 0.8s;
}
body #wrap .row:nth-of-type(even) {
  transition: 0.8s ease-in-out;
}
body #wrap .row:nth-of-type(9) {
  transition-delay: 0.9s;
}
body #wrap .row:nth-of-type(even) {
  transition: 0.8s ease-in-out;
}
body #wrap .row:nth-of-type(10) {
  transition-delay: 1s;
}
body #wrap .row:nth-of-type(5).full1 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(5).full1 .cell:nth-of-type(1) {
  z-index: 9;
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full1 .cell:nth-of-type(1).cell9 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full1 .cell:nth-of-type(1).cell10 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full1 .cell:nth-of-type(1).cell11 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full1 .cell:nth-of-type(1).cell12 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full1 .cell:nth-of-type(1).cell13 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full1 .cell:nth-of-type(1).cell14 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full1 .cell:nth-of-type(1).cell15 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full1 .cell:nth-of-type(1).cell16 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full1 .cell:nth-of-type(1).darkmode:before {
  -webkit-clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
          clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(5).full1 .cell:nth-of-type(1):before {
  width: 200%;
  height: 200%;
  left: auto;
  right: 0;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(5).full1 .cell:nth-of-type(1):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 200%;
  height: 200%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: 0%;
  top: 0%;
  z-index: 0;
}
body #wrap .row:nth-of-type(5).full2 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(5).full2 .cell:nth-of-type(1) {
  z-index: 9;
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full2 .cell:nth-of-type(1).cell9 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full2 .cell:nth-of-type(1).cell10 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full2 .cell:nth-of-type(1).cell11 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full2 .cell:nth-of-type(1).cell12 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full2 .cell:nth-of-type(1).cell13 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full2 .cell:nth-of-type(1).cell14 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full2 .cell:nth-of-type(1).cell15 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full2 .cell:nth-of-type(1).cell16 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full2 .cell:nth-of-type(1).darkmode:before {
  -webkit-clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
          clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(5).full2 .cell:nth-of-type(1):before {
  width: 200%;
  height: 200%;
  left: auto;
  right: 0;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(5).full2 .cell:nth-of-type(1):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 200%;
  height: 200%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: 0%;
  top: 0%;
  z-index: 0;
}
body #wrap .row:nth-of-type(5).full3 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(5).full3 .cell:nth-of-type(1) {
  z-index: 9;
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full3 .cell:nth-of-type(1).cell9 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full3 .cell:nth-of-type(1).cell10 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full3 .cell:nth-of-type(1).cell11 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full3 .cell:nth-of-type(1).cell12 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full3 .cell:nth-of-type(1).cell13 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full3 .cell:nth-of-type(1).cell14 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full3 .cell:nth-of-type(1).cell15 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full3 .cell:nth-of-type(1).cell16 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full3 .cell:nth-of-type(1).darkmode:before {
  -webkit-clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
          clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(5).full3 .cell:nth-of-type(1):before {
  width: 200%;
  height: 200%;
  left: auto;
  right: 0;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(5).full3 .cell:nth-of-type(1):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 200%;
  height: 200%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: 0%;
  top: 0%;
  z-index: 0;
}
body #wrap .row:nth-of-type(5).full4 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(5).full4 .cell:nth-of-type(1) {
  z-index: 9;
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full4 .cell:nth-of-type(1).cell9 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full4 .cell:nth-of-type(1).cell10 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full4 .cell:nth-of-type(1).cell11 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full4 .cell:nth-of-type(1).cell12 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full4 .cell:nth-of-type(1).cell13 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full4 .cell:nth-of-type(1).cell14 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full4 .cell:nth-of-type(1).cell15 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full4 .cell:nth-of-type(1).cell16 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full4 .cell:nth-of-type(1).darkmode:before {
  -webkit-clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
          clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(5).full4 .cell:nth-of-type(1):before {
  width: 200%;
  height: 200%;
  left: auto;
  right: 0;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(5).full4 .cell:nth-of-type(1):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 200%;
  height: 200%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: 0%;
  top: 0%;
  z-index: 0;
}
body #wrap .row:nth-of-type(5).full5 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(5).full5 .cell:nth-of-type(1) {
  z-index: 9;
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full5 .cell:nth-of-type(1).cell9 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full5 .cell:nth-of-type(1).cell10 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full5 .cell:nth-of-type(1).cell11 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full5 .cell:nth-of-type(1).cell12 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full5 .cell:nth-of-type(1).cell13 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full5 .cell:nth-of-type(1).cell14 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full5 .cell:nth-of-type(1).cell15 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full5 .cell:nth-of-type(1).cell16 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full5 .cell:nth-of-type(1).darkmode:before {
  -webkit-clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
          clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(5).full5 .cell:nth-of-type(1):before {
  width: 200%;
  height: 200%;
  left: auto;
  right: 0;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(5).full5 .cell:nth-of-type(1):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 200%;
  height: 200%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: 0%;
  top: 0%;
  z-index: 0;
}
body #wrap .row:nth-of-type(5).full6 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(5).full6 .cell:nth-of-type(1) {
  z-index: 9;
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full6 .cell:nth-of-type(1).cell9 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full6 .cell:nth-of-type(1).cell10 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full6 .cell:nth-of-type(1).cell11 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full6 .cell:nth-of-type(1).cell12 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full6 .cell:nth-of-type(1).cell13 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full6 .cell:nth-of-type(1).cell14 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full6 .cell:nth-of-type(1).cell15 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full6 .cell:nth-of-type(1).cell16 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full6 .cell:nth-of-type(1).darkmode:before {
  -webkit-clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
          clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(5).full6 .cell:nth-of-type(1):before {
  width: 200%;
  height: 200%;
  left: auto;
  right: 0;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(5).full6 .cell:nth-of-type(1):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 200%;
  height: 200%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: 0%;
  top: 0%;
  z-index: 0;
}
body #wrap .row:nth-of-type(5).full7 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(5).full7 .cell:nth-of-type(1) {
  z-index: 9;
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full7 .cell:nth-of-type(1).cell9 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full7 .cell:nth-of-type(1).cell10 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full7 .cell:nth-of-type(1).cell11 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full7 .cell:nth-of-type(1).cell12 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full7 .cell:nth-of-type(1).cell13 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full7 .cell:nth-of-type(1).cell14 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full7 .cell:nth-of-type(1).cell15 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full7 .cell:nth-of-type(1).cell16 {
  opacity: 1;
}
body #wrap .row:nth-of-type(5).full7 .cell:nth-of-type(1).darkmode:before {
  -webkit-clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
          clip-path: polygon(41% 24%, 35% 15%, 25% 10%, 17% 9%, 10% 9%, 5% 6%, 1% 1%, 5% 11%, 10% 14%, 22% 17%, 30% 22%, 34% 30%, 34% 33%, 31% 35%, 23% 36%, 17% 37%, 12% 40%, 12% 42%, 17% 44%, 26% 47%, 31% 48%, 34% 37%, 36% 37%, 34% 45%, 34% 48%, 37% 49%, 38% 54%, 37% 56%, 33% 53%, 32% 50%, 30% 51%, 30% 59%, 33% 64%, 38% 70%, 41% 73%, 42% 78%, 43% 82%, 45% 85%, 47% 88%, 49% 91%, 48% 94%, 49% 98%, 51% 95%, 54% 88%, 58% 82%, 58% 74%, 59% 71%, 64% 69%, 69% 61%, 70% 56%, 68% 50%, 66% 52%, 63% 55%, 61% 54%, 63% 50%, 66% 48%, 68% 48%, 66% 39%, 64% 34%, 67% 34%, 68% 43%, 71% 47%, 77% 47%, 84% 44%, 88% 41%, 84% 39%, 74% 35%, 65% 32%, 69% 25%, 74% 20%, 80% 17%, 88% 15%, 94% 12%, 97% 7%, 99% 1%, 94% 7%, 88% 9%, 81% 9%, 74% 11%, 67% 14%, 63% 18%, 60% 23%, 57% 25%, 52% 27%, 49% 27%, 45% 25%, 42% 25%);
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(5).full7 .cell:nth-of-type(1):before {
  width: 200%;
  height: 200%;
  left: auto;
  right: 0;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(5).full7 .cell:nth-of-type(1):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 200%;
  height: 200%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: 0%;
  top: 0%;
  z-index: 0;
}
body #wrap .row:nth-of-type(1).full8, body #wrap .row:nth-of-type(10).full8 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(1).full8 .cell:nth-of-type(4), body #wrap .row:nth-of-type(10).full8 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full8 .cell:nth-of-type(4):before, body #wrap .row:nth-of-type(10).full8 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full8 .cell:nth-of-type(4):after, body #wrap .row:nth-of-type(10).full8 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: 0;
  z-index: 0;
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(1).full9, body #wrap .row:nth-of-type(10).full9 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(1).full9 .cell:nth-of-type(4), body #wrap .row:nth-of-type(10).full9 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full9 .cell:nth-of-type(4):before, body #wrap .row:nth-of-type(10).full9 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full9 .cell:nth-of-type(4):after, body #wrap .row:nth-of-type(10).full9 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: 0;
  z-index: 0;
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(1).full10, body #wrap .row:nth-of-type(10).full10 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(1).full10 .cell:nth-of-type(4), body #wrap .row:nth-of-type(10).full10 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full10 .cell:nth-of-type(4):before, body #wrap .row:nth-of-type(10).full10 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full10 .cell:nth-of-type(4):after, body #wrap .row:nth-of-type(10).full10 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: 0;
  z-index: 0;
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(1).full11, body #wrap .row:nth-of-type(10).full11 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(1).full11 .cell:nth-of-type(4), body #wrap .row:nth-of-type(10).full11 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full11 .cell:nth-of-type(4):before, body #wrap .row:nth-of-type(10).full11 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full11 .cell:nth-of-type(4):after, body #wrap .row:nth-of-type(10).full11 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: 0;
  z-index: 0;
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(1).full12, body #wrap .row:nth-of-type(10).full12 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(1).full12 .cell:nth-of-type(4), body #wrap .row:nth-of-type(10).full12 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full12 .cell:nth-of-type(4):before, body #wrap .row:nth-of-type(10).full12 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full12 .cell:nth-of-type(4):after, body #wrap .row:nth-of-type(10).full12 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: 0;
  z-index: 0;
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(1).full13, body #wrap .row:nth-of-type(10).full13 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(1).full13 .cell:nth-of-type(4), body #wrap .row:nth-of-type(10).full13 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full13 .cell:nth-of-type(4):before, body #wrap .row:nth-of-type(10).full13 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full13 .cell:nth-of-type(4):after, body #wrap .row:nth-of-type(10).full13 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: 0;
  z-index: 0;
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(1).full14, body #wrap .row:nth-of-type(10).full14 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(1).full14 .cell:nth-of-type(4), body #wrap .row:nth-of-type(10).full14 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full14 .cell:nth-of-type(4):before, body #wrap .row:nth-of-type(10).full14 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full14 .cell:nth-of-type(4):after, body #wrap .row:nth-of-type(10).full14 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: 0;
  z-index: 0;
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(1).full15, body #wrap .row:nth-of-type(10).full15 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(1).full15 .cell:nth-of-type(4), body #wrap .row:nth-of-type(10).full15 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full15 .cell:nth-of-type(4):before, body #wrap .row:nth-of-type(10).full15 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(1).full15 .cell:nth-of-type(4):after, body #wrap .row:nth-of-type(10).full15 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: 0;
  z-index: 0;
  -webkit-mask: none;
          mask: none;
}
body #wrap .row:nth-of-type(10).full8 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(10).full8 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full8 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: auto;
  bottom: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full8 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: auto;
  bottom: 0;
  z-index: 0;
}
body #wrap .row:nth-of-type(10).full9 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(10).full9 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full9 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: auto;
  bottom: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full9 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: auto;
  bottom: 0;
  z-index: 0;
}
body #wrap .row:nth-of-type(10).full10 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(10).full10 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full10 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: auto;
  bottom: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full10 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: auto;
  bottom: 0;
  z-index: 0;
}
body #wrap .row:nth-of-type(10).full11 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(10).full11 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full11 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: auto;
  bottom: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full11 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: auto;
  bottom: 0;
  z-index: 0;
}
body #wrap .row:nth-of-type(10).full12 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(10).full12 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full12 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: auto;
  bottom: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full12 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: auto;
  bottom: 0;
  z-index: 0;
}
body #wrap .row:nth-of-type(10).full13 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(10).full13 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full13 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: auto;
  bottom: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full13 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: auto;
  bottom: 0;
  z-index: 0;
}
body #wrap .row:nth-of-type(10).full14 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(10).full14 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full14 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: auto;
  bottom: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full14 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: auto;
  bottom: 0;
  z-index: 0;
}
body #wrap .row:nth-of-type(10).full15 {
  z-index: 9;
  transition: 0.6s;
  transition-delay: 0s;
}
body #wrap .row:nth-of-type(10).full15 .cell:nth-of-type(4) {
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full15 .cell:nth-of-type(4):before {
  width: 175%;
  height: 175%;
  left: auto;
  top: auto;
  bottom: 12.5%;
  right: -50%;
  opacity: 1;
  z-index: 9;
}
body #wrap .row:nth-of-type(10).full15 .cell:nth-of-type(4):after {
  content: '';
  opacity: 1;
  position: absolute;
  width: 300%;
  height: 300%;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 999;
  left: auto;
  right: -100%;
  top: auto;
  bottom: 0;
  z-index: 0;
}
body #wrap .row.full16 .cell.darkmode:before {
  content: '' !important;
  background-clip: border-box;
}
body #wrap .row.full17 .cell.darkmode:before {
  content: '' !important;
  background-clip: border-box;
}
body #wrap .row.full18 .cell.darkmode:before {
  content: '' !important;
  background-clip: border-box;
}
body #wrap .row.full19 .cell.darkmode:before {
  content: '' !important;
  background-clip: border-box;
}
body #wrap .row.full20 .cell.darkmode:before {
  content: '' !important;
  background-clip: border-box;
}
body #wrap .row.full21 .cell.darkmode:before {
  content: '' !important;
  background-clip: border-box;
}
body #wrap .row.full22 .cell.darkmode:before {
  content: '' !important;
  background-clip: border-box;
}
body #wrap .row.full16 .cell {
  opacity: 1;
  z-index: 99;
}
body #wrap .row.full16 .cell:not(.darkmode) {
  -webkit-transform: rotate(var(--angle));
          transform: rotate(var(--angle));
}
body #wrap .row.full16 .cell.darkmode:before, body #wrap .row.full16 .cell.darkmode.cell1:before, body #wrap .row.full16 .cell.darkmode.cell9:before {
  -webkit-clip-path: polygon(0 40%, 3% 52%, 7% 64%, 17% 65%, 25% 58%, 25% 47%, 20% 37%, 17% 28%, 17% 14%, 24% 4%, 31% 1%, 27% 15%, 27% 25%, 31% 37%, 39% 47%, 44% 54%, 47% 62%, 57% 65%, 61% 55%, 64% 44%, 60% 36%, 56% 29%, 58% 20%, 62% 23%, 62% 30%, 67% 36%, 73% 28%, 75% 19%, 73% 9%, 68% 1%, 76% 6%, 82% 22%, 81% 36%, 79% 47%, 79% 59%, 87% 66%, 95% 63%, 99% 54%, 100% 41%, 100% 100%, 81% 100%, 66% 96%, 57% 94%, 48% 93%, 35% 95%, 27% 97%, 18% 99%, 8% 100%, 0 100%);
          clip-path: polygon(0 40%, 3% 52%, 7% 64%, 17% 65%, 25% 58%, 25% 47%, 20% 37%, 17% 28%, 17% 14%, 24% 4%, 31% 1%, 27% 15%, 27% 25%, 31% 37%, 39% 47%, 44% 54%, 47% 62%, 57% 65%, 61% 55%, 64% 44%, 60% 36%, 56% 29%, 58% 20%, 62% 23%, 62% 30%, 67% 36%, 73% 28%, 75% 19%, 73% 9%, 68% 1%, 76% 6%, 82% 22%, 81% 36%, 79% 47%, 79% 59%, 87% 66%, 95% 63%, 99% 54%, 100% 41%, 100% 100%, 81% 100%, 66% 96%, 57% 94%, 48% 93%, 35% 95%, 27% 97%, 18% 99%, 8% 100%, 0 100%);
  content: '';
  top: 0;
  -webkit-transform: none;
          transform: none;
  background-clip: none;
  -webkit-background-clip: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  -webkit-mask: none;
          mask: none;
  border-radius: 0;
}
body #wrap .row.full16 .cell.darkmode:after, body #wrap .row.full16 .cell.darkmode.cell1:after, body #wrap .row.full16 .cell.darkmode.cell9:after {
  display: none;
}
body #wrap .row.full16 .cell:before {
  -webkit-mask: none;
          mask: none;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 100% 100%, 50% 50%, 0 100%, 0 50%);
          clip-path: polygon(50% 0%, 100% 50%, 100% 100%, 50% 50%, 0 100%, 0 50%);
}
body #wrap .row.full17 .cell {
  opacity: 1;
  z-index: 99;
}
body #wrap .row.full17 .cell:not(.darkmode) {
  -webkit-transform: rotate(var(--angle));
          transform: rotate(var(--angle));
}
body #wrap .row.full17 .cell.darkmode:before, body #wrap .row.full17 .cell.darkmode.cell1:before, body #wrap .row.full17 .cell.darkmode.cell9:before {
  -webkit-clip-path: polygon(0 40%, 3% 52%, 7% 64%, 17% 65%, 25% 58%, 25% 47%, 20% 37%, 17% 28%, 17% 14%, 24% 4%, 31% 1%, 27% 15%, 27% 25%, 31% 37%, 39% 47%, 44% 54%, 47% 62%, 57% 65%, 61% 55%, 64% 44%, 60% 36%, 56% 29%, 58% 20%, 62% 23%, 62% 30%, 67% 36%, 73% 28%, 75% 19%, 73% 9%, 68% 1%, 76% 6%, 82% 22%, 81% 36%, 79% 47%, 79% 59%, 87% 66%, 95% 63%, 99% 54%, 100% 41%, 100% 100%, 81% 100%, 66% 96%, 57% 94%, 48% 93%, 35% 95%, 27% 97%, 18% 99%, 8% 100%, 0 100%);
          clip-path: polygon(0 40%, 3% 52%, 7% 64%, 17% 65%, 25% 58%, 25% 47%, 20% 37%, 17% 28%, 17% 14%, 24% 4%, 31% 1%, 27% 15%, 27% 25%, 31% 37%, 39% 47%, 44% 54%, 47% 62%, 57% 65%, 61% 55%, 64% 44%, 60% 36%, 56% 29%, 58% 20%, 62% 23%, 62% 30%, 67% 36%, 73% 28%, 75% 19%, 73% 9%, 68% 1%, 76% 6%, 82% 22%, 81% 36%, 79% 47%, 79% 59%, 87% 66%, 95% 63%, 99% 54%, 100% 41%, 100% 100%, 81% 100%, 66% 96%, 57% 94%, 48% 93%, 35% 95%, 27% 97%, 18% 99%, 8% 100%, 0 100%);
  content: '';
  top: 0;
  -webkit-transform: none;
          transform: none;
  background-clip: none;
  -webkit-background-clip: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  -webkit-mask: none;
          mask: none;
  border-radius: 0;
}
body #wrap .row.full17 .cell.darkmode:after, body #wrap .row.full17 .cell.darkmode.cell1:after, body #wrap .row.full17 .cell.darkmode.cell9:after {
  display: none;
}
body #wrap .row.full17 .cell:before {
  -webkit-mask: none;
          mask: none;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 100% 100%, 50% 50%, 0 100%, 0 50%);
          clip-path: polygon(50% 0%, 100% 50%, 100% 100%, 50% 50%, 0 100%, 0 50%);
}
body #wrap .row.full18 .cell {
  opacity: 1;
}
body #wrap .row.full18 .cell:not(.darkmode) {
  -webkit-transform: rotate(var(--angle));
          transform: rotate(var(--angle));
}
body #wrap .row.full18 .cell.darkmode:before, body #wrap .row.full18 .cell.darkmode.cell1:before, body #wrap .row.full18 .cell.darkmode.cell9:before {
  -webkit-clip-path: polygon(0 40%, 3% 52%, 7% 64%, 17% 65%, 25% 58%, 25% 47%, 20% 37%, 17% 28%, 17% 14%, 24% 4%, 31% 1%, 27% 15%, 27% 25%, 31% 37%, 39% 47%, 44% 54%, 47% 62%, 57% 65%, 61% 55%, 64% 44%, 60% 36%, 56% 29%, 58% 20%, 62% 23%, 62% 30%, 67% 36%, 73% 28%, 75% 19%, 73% 9%, 68% 1%, 76% 6%, 82% 22%, 81% 36%, 79% 47%, 79% 59%, 87% 66%, 95% 63%, 99% 54%, 100% 41%, 100% 100%, 81% 100%, 66% 96%, 57% 94%, 48% 93%, 35% 95%, 27% 97%, 18% 99%, 8% 100%, 0 100%);
          clip-path: polygon(0 40%, 3% 52%, 7% 64%, 17% 65%, 25% 58%, 25% 47%, 20% 37%, 17% 28%, 17% 14%, 24% 4%, 31% 1%, 27% 15%, 27% 25%, 31% 37%, 39% 47%, 44% 54%, 47% 62%, 57% 65%, 61% 55%, 64% 44%, 60% 36%, 56% 29%, 58% 20%, 62% 23%, 62% 30%, 67% 36%, 73% 28%, 75% 19%, 73% 9%, 68% 1%, 76% 6%, 82% 22%, 81% 36%, 79% 47%, 79% 59%, 87% 66%, 95% 63%, 99% 54%, 100% 41%, 100% 100%, 81% 100%, 66% 96%, 57% 94%, 48% 93%, 35% 95%, 27% 97%, 18% 99%, 8% 100%, 0 100%);
  content: '';
  top: 0;
  -webkit-transform: none;
          transform: none;
  background-clip: none;
  -webkit-background-clip: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  -webkit-mask: none;
          mask: none;
  border-radius: 0;
}
body #wrap .row.full18 .cell.darkmode:after, body #wrap .row.full18 .cell.darkmode.cell1:after, body #wrap .row.full18 .cell.darkmode.cell9:after {
  display: none;
}
body #wrap .row.full18 .cell:before {
  -webkit-mask: none;
          mask: none;
  -webkit-clip-path: polygon(50% 40%, 100% 90%, 100% 100%, 50% 50%, 0 100%, 0 90%);
          clip-path: polygon(50% 40%, 100% 90%, 100% 100%, 50% 50%, 0 100%, 0 90%);
}
body #wrap .row.full18 .cell:after {
  opacity: 1;
  -webkit-clip-path: polygon(50% 70%, 41% 85%, 60% 85%);
          clip-path: polygon(50% 70%, 41% 85%, 60% 85%);
}
body #wrap .row.full19 .cell {
  opacity: 1;
}
body #wrap .row.full19 .cell:not(.darkmode) {
  -webkit-transform: rotate(var(--angle));
          transform: rotate(var(--angle));
}
body #wrap .row.full19 .cell.darkmode:before, body #wrap .row.full19 .cell.darkmode.cell1:before, body #wrap .row.full19 .cell.darkmode.cell9:before {
  -webkit-clip-path: polygon(0 40%, 3% 52%, 7% 64%, 17% 65%, 25% 58%, 25% 47%, 20% 37%, 17% 28%, 17% 14%, 24% 4%, 31% 1%, 27% 15%, 27% 25%, 31% 37%, 39% 47%, 44% 54%, 47% 62%, 57% 65%, 61% 55%, 64% 44%, 60% 36%, 56% 29%, 58% 20%, 62% 23%, 62% 30%, 67% 36%, 73% 28%, 75% 19%, 73% 9%, 68% 1%, 76% 6%, 82% 22%, 81% 36%, 79% 47%, 79% 59%, 87% 66%, 95% 63%, 99% 54%, 100% 41%, 100% 100%, 81% 100%, 66% 96%, 57% 94%, 48% 93%, 35% 95%, 27% 97%, 18% 99%, 8% 100%, 0 100%);
          clip-path: polygon(0 40%, 3% 52%, 7% 64%, 17% 65%, 25% 58%, 25% 47%, 20% 37%, 17% 28%, 17% 14%, 24% 4%, 31% 1%, 27% 15%, 27% 25%, 31% 37%, 39% 47%, 44% 54%, 47% 62%, 57% 65%, 61% 55%, 64% 44%, 60% 36%, 56% 29%, 58% 20%, 62% 23%, 62% 30%, 67% 36%, 73% 28%, 75% 19%, 73% 9%, 68% 1%, 76% 6%, 82% 22%, 81% 36%, 79% 47%, 79% 59%, 87% 66%, 95% 63%, 99% 54%, 100% 41%, 100% 100%, 81% 100%, 66% 96%, 57% 94%, 48% 93%, 35% 95%, 27% 97%, 18% 99%, 8% 100%, 0 100%);
  content: '';
  top: 0;
  -webkit-transform: none;
          transform: none;
  background-clip: none;
  -webkit-background-clip: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  -webkit-mask: none;
          mask: none;
  border-radius: 0;
}
body #wrap .row.full19 .cell.darkmode:after, body #wrap .row.full19 .cell.darkmode.cell1:after, body #wrap .row.full19 .cell.darkmode.cell9:after {
  display: none;
}
body #wrap .row.full19 .cell:before {
  -webkit-mask: none;
          mask: none;
  -webkit-clip-path: polygon(50% 40%, 100% 90%, 100% 100%, 50% 50%, 0 100%, 0 90%);
          clip-path: polygon(50% 40%, 100% 90%, 100% 100%, 50% 50%, 0 100%, 0 90%);
}
body #wrap .row.full19 .cell:after {
  opacity: 1;
  -webkit-clip-path: polygon(50% 70%, 41% 85%, 60% 85%);
          clip-path: polygon(50% 70%, 41% 85%, 60% 85%);
}
body #wrap .row.full20 .cell {
  opacity: 1;
}
body #wrap .row.full20 .cell.darkmode:before, body #wrap .row.full20 .cell.darkmode.cell1:before, body #wrap .row.full20 .cell.darkmode.cell9:before {
  -webkit-clip-path: polygon(0 59%, 9% 70%, 21% 65%, 20% 54%, 10% 43%, 10% 24%, 20% 11%, 31% 8%, 28% 18%, 30% 33%, 35% 41%, 42% 39%, 47% 32%, 48% 19%, 51% 23%, 55% 43%, 55% 61%, 63% 69%, 71% 65%, 75% 58%, 72% 38%, 66% 28%, 61% 18%, 71% 24%, 80% 38%, 83% 51%, 84% 62%, 92% 65%, 98% 63%, 100% 59%, 100% 100%, 86% 98%, 77% 94%, 65% 92%, 54% 93%, 48% 96%, 40% 98%, 31% 97%, 22% 94%, 12% 95%, 0 100%);
          clip-path: polygon(0 59%, 9% 70%, 21% 65%, 20% 54%, 10% 43%, 10% 24%, 20% 11%, 31% 8%, 28% 18%, 30% 33%, 35% 41%, 42% 39%, 47% 32%, 48% 19%, 51% 23%, 55% 43%, 55% 61%, 63% 69%, 71% 65%, 75% 58%, 72% 38%, 66% 28%, 61% 18%, 71% 24%, 80% 38%, 83% 51%, 84% 62%, 92% 65%, 98% 63%, 100% 59%, 100% 100%, 86% 98%, 77% 94%, 65% 92%, 54% 93%, 48% 96%, 40% 98%, 31% 97%, 22% 94%, 12% 95%, 0 100%);
  content: '';
  top: 0;
  -webkit-mask: none;
          mask: none;
  -webkit-transform: none;
          transform: none;
  background-clip: none;
  -webkit-background-clip: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  border-radius: 0;
}
body #wrap .row.full20 .cell.darkmode:after, body #wrap .row.full20 .cell.darkmode.cell1:after, body #wrap .row.full20 .cell.darkmode.cell9:after {
  display: none;
}
body #wrap .row.full20 .cell:not(.darkmode) {
  -webkit-transform: rotate(var(--angle));
          transform: rotate(var(--angle));
}
body #wrap .row.full20 .cell:before {
  -webkit-mask: none;
          mask: none;
  -webkit-clip-path: polygon(50% 40%, 100% 90%, 100% 100%, 50% 50%, 0 100%, 0 90%);
          clip-path: polygon(50% 40%, 100% 90%, 100% 100%, 50% 50%, 0 100%, 0 90%);
  top: -30px;
}
body #wrap .row.full20 .cell:after {
  -webkit-mask: none;
          mask: none;
  -webkit-clip-path: polygon(50% 20%, 100% 70%, 100% 100%, 50% 50%, 0 100%, 0 70%);
          clip-path: polygon(50% 20%, 100% 70%, 100% 100%, 50% 50%, 0 100%, 0 70%);
  -webkit-filter: invert(1);
          filter: invert(1);
  opacity: 1;
}
body #wrap .row.full21 .cell {
  opacity: 1;
}
body #wrap .row.full21 .cell.darkmode:before, body #wrap .row.full21 .cell.darkmode.cell1:before, body #wrap .row.full21 .cell.darkmode.cell9:before {
  -webkit-clip-path: polygon(0 59%, 9% 70%, 21% 65%, 20% 54%, 10% 43%, 10% 24%, 20% 11%, 31% 8%, 28% 18%, 30% 33%, 35% 41%, 42% 39%, 47% 32%, 48% 19%, 51% 23%, 55% 43%, 55% 61%, 63% 69%, 71% 65%, 75% 58%, 72% 38%, 66% 28%, 61% 18%, 71% 24%, 80% 38%, 83% 51%, 84% 62%, 92% 65%, 98% 63%, 100% 59%, 100% 100%, 86% 98%, 77% 94%, 65% 92%, 54% 93%, 48% 96%, 40% 98%, 31% 97%, 22% 94%, 12% 95%, 0 100%);
          clip-path: polygon(0 59%, 9% 70%, 21% 65%, 20% 54%, 10% 43%, 10% 24%, 20% 11%, 31% 8%, 28% 18%, 30% 33%, 35% 41%, 42% 39%, 47% 32%, 48% 19%, 51% 23%, 55% 43%, 55% 61%, 63% 69%, 71% 65%, 75% 58%, 72% 38%, 66% 28%, 61% 18%, 71% 24%, 80% 38%, 83% 51%, 84% 62%, 92% 65%, 98% 63%, 100% 59%, 100% 100%, 86% 98%, 77% 94%, 65% 92%, 54% 93%, 48% 96%, 40% 98%, 31% 97%, 22% 94%, 12% 95%, 0 100%);
  content: '';
  top: 0;
  -webkit-mask: none;
          mask: none;
  -webkit-transform: none;
          transform: none;
  background-clip: none;
  -webkit-background-clip: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  border-radius: 0;
}
body #wrap .row.full21 .cell.darkmode:after, body #wrap .row.full21 .cell.darkmode.cell1:after, body #wrap .row.full21 .cell.darkmode.cell9:after {
  display: none;
}
body #wrap .row.full21 .cell:not(.darkmode) {
  -webkit-transform: rotate(var(--angle));
          transform: rotate(var(--angle));
}
body #wrap .row.full21 .cell:before {
  -webkit-mask: none;
          mask: none;
  -webkit-clip-path: polygon(50% 40%, 100% 90%, 100% 100%, 50% 50%, 0 100%, 0 90%);
          clip-path: polygon(50% 40%, 100% 90%, 100% 100%, 50% 50%, 0 100%, 0 90%);
  top: -30px;
}
body #wrap .row.full21 .cell:after {
  -webkit-mask: none;
          mask: none;
  -webkit-clip-path: polygon(50% 20%, 100% 70%, 100% 100%, 50% 50%, 0 100%, 0 70%);
          clip-path: polygon(50% 20%, 100% 70%, 100% 100%, 50% 50%, 0 100%, 0 70%);
  -webkit-filter: invert(1);
          filter: invert(1);
  opacity: 1;
}
body #wrap .row.full21 .cell:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body #wrap .row.full21 .cell.cell5:not(.darkmode):before, body #wrap .row.full21 .cell.cell7:not(.darkmode):before {
  width: 50%;
  height: 50%;
  top: 25%;
  left: 25%;
}
body #wrap .row.full21 .cell.cell2:not(.darkmode):before, body #wrap .row.full21 .cell.cell6:not(.darkmode):before {
  width: 75%;
  height: 75%;
  top: 12.5%;
  left: 12.5%;
}
body #wrap .row.full22 .cell:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body #wrap .row.full22 .cell.cell5:not(.darkmode):before, body #wrap .row.full22 .cell.cell7:not(.darkmode):before {
  width: 50%;
  height: 50%;
  top: 25%;
  left: 25%;
}
body #wrap .row.full22 .cell.cell2:not(.darkmode):before, body #wrap .row.full22 .cell.cell6:not(.darkmode):before {
  width: 75%;
  height: 75%;
  top: 12.5%;
  left: 12.5%;
}
body #wrap .cell {
  position: relative;
}
body #wrap .cell:before, body #wrap .cell:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(55deg, transparent 2.5px, #fff 2.5px, #fff 3.5px, #fff 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #fff 2.5px, #fff 3.5px, #fff 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #fff 2.5px, #fff 3.5px, #fff 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #fff 2.5px, #fff 3.5px, #fff 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
}
body #wrap .cell:after {
  opacity: 0;
}
body #wrap .cell.cell1.darkmode:before, body #wrap .cell.cell9.darkmode:before {
  content: '666';
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
  font-size: 50px;
  -webkit-clip-path: none;
          clip-path: none;
  width: 100%;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: 'UnifrakturCook', cursive;
}
body #wrap .cell.cell1:before, body #wrap .cell.cell9:before {
  -webkit-clip-path: polygon(57% 0%, 57% 13%, 51% 13%, 51% 8%, 45% 8%, 45% 24%, 30% 24%, 29% 8%, 24% 8%, 24% 12%, 18% 12%, 18% 1%, 11% 1%, 11% 7%, 5% 7%, 5% 13%, 16% 14%, 17% 20%, 23% 20%, 24% 24%, 28% 25%, 29% 30%, 23% 30%, 23% 35%, 16% 36%, 17% 46%, 30% 47%, 30% 53%, 36% 53%, 36% 99%, 42% 100%, 41% 76%, 48% 76%, 48% 99%, 54% 99%, 54% 77%, 73% 77%, 74% 100%, 81% 100%, 81% 77%, 86% 77%, 86% 100%, 92% 100%, 93% 53%, 85% 53%, 86% 48%, 93% 47%, 93% 41%, 86% 41%, 86% 47%, 46% 46%, 45% 36%, 52% 36%, 52% 31%, 46% 31%, 46% 24%, 51% 24%, 51% 20%, 57% 19%, 57% 14%, 70% 14%, 70% 8%, 64% 8%, 64% 1%, 57% 0%);
          clip-path: polygon(57% 0%, 57% 13%, 51% 13%, 51% 8%, 45% 8%, 45% 24%, 30% 24%, 29% 8%, 24% 8%, 24% 12%, 18% 12%, 18% 1%, 11% 1%, 11% 7%, 5% 7%, 5% 13%, 16% 14%, 17% 20%, 23% 20%, 24% 24%, 28% 25%, 29% 30%, 23% 30%, 23% 35%, 16% 36%, 17% 46%, 30% 47%, 30% 53%, 36% 53%, 36% 99%, 42% 100%, 41% 76%, 48% 76%, 48% 99%, 54% 99%, 54% 77%, 73% 77%, 74% 100%, 81% 100%, 81% 77%, 86% 77%, 86% 100%, 92% 100%, 93% 53%, 85% 53%, 86% 48%, 93% 47%, 93% 41%, 86% 41%, 86% 47%, 46% 46%, 45% 36%, 52% 36%, 52% 31%, 46% 31%, 46% 24%, 51% 24%, 51% 20%, 57% 19%, 57% 14%, 70% 14%, 70% 8%, 64% 8%, 64% 1%, 57% 0%);
}
body #wrap .cell.cell2:before, body #wrap .cell.cell10:before {
  -webkit-clip-path: polygon(72% 0, 71% 25%, 24% 73%, 0 74%, 18% 55%, 80% 55%, 98% 73%, 76% 75%, 28% 27%, 27% 0, 45% 19%, 46% 84%, 28% 100%, 27% 77%, 74% 29%, 100% 29%, 80% 47%, 19% 48%, 0 29%, 23% 28%, 71% 77%, 71% 100%, 53% 84%, 51% 57%, 53% 19%);
          clip-path: polygon(72% 0, 71% 25%, 24% 73%, 0 74%, 18% 55%, 80% 55%, 98% 73%, 76% 75%, 28% 27%, 27% 0, 45% 19%, 46% 84%, 28% 100%, 27% 77%, 74% 29%, 100% 29%, 80% 47%, 19% 48%, 0 29%, 23% 28%, 71% 77%, 71% 100%, 53% 84%, 51% 57%, 53% 19%);
}
body #wrap .cell.cell2.darkmode:before, body #wrap .cell.cell10.darkmode:before {
  -webkit-clip-path: polygon(4% 91%, 10% 96%, 55% 56%, 66% 65%, 75% 65%, 86% 57%, 92% 51%, 97% 57%, 100% 39%, 87% 41%, 89% 46%, 76% 57%, 67% 56%, 61% 50%, 78% 35%, 83% 38%, 89% 22%, 73% 27%, 75% 31%, 55% 46%, 53% 41%, 50% 36%, 52% 29%, 58% 22%, 63% 19%, 69% 23%, 74% 7%, 58% 9%, 60% 13%, 51% 19%, 45% 25%, 44% 35%, 46% 45%, 48% 49%, 48% 51%);
          clip-path: polygon(4% 91%, 10% 96%, 55% 56%, 66% 65%, 75% 65%, 86% 57%, 92% 51%, 97% 57%, 100% 39%, 87% 41%, 89% 46%, 76% 57%, 67% 56%, 61% 50%, 78% 35%, 83% 38%, 89% 22%, 73% 27%, 75% 31%, 55% 46%, 53% 41%, 50% 36%, 52% 29%, 58% 22%, 63% 19%, 69% 23%, 74% 7%, 58% 9%, 60% 13%, 51% 19%, 45% 25%, 44% 35%, 46% 45%, 48% 49%, 48% 51%);
}
body #wrap .cell.cell3:before, body #wrap .cell.cell11:before {
  -webkit-clip-path: polygon(50% 5%, 50% 10%, 46% 10%, 45% 37%, 43% 36%, 43% 40%, 36% 39%, 36% 44%, 30% 44%, 30% 48%, 26% 48%, 26% 52%, 18% 52%, 18% 47%, 14% 48%, 14% 45%, 11% 44%, 10% 36%, 6% 37%, 7% 60%, 25% 78%, 26% 94%, 34% 95%, 34% 91%, 30% 91%, 30% 86%, 34% 86%, 34% 82%, 38% 82%, 39% 76%, 42% 76%, 42% 81%, 46% 81%, 46% 94%, 54% 95%, 54% 91%, 50% 91%, 50% 74%, 56% 74%, 57% 68%, 63% 65%, 63% 51%, 68% 50%, 68% 56%, 73% 56%, 73% 44%, 63% 44%, 63% 37%, 78% 37%, 78% 32%, 67% 32%, 67% 28%, 88% 29%, 89% 11%, 83% 11%, 83% 6%, 60% 6%, 60% 16%, 54% 17%, 55% 12%, 60% 11%, 61% 6%, 51% 6%);
          clip-path: polygon(50% 5%, 50% 10%, 46% 10%, 45% 37%, 43% 36%, 43% 40%, 36% 39%, 36% 44%, 30% 44%, 30% 48%, 26% 48%, 26% 52%, 18% 52%, 18% 47%, 14% 48%, 14% 45%, 11% 44%, 10% 36%, 6% 37%, 7% 60%, 25% 78%, 26% 94%, 34% 95%, 34% 91%, 30% 91%, 30% 86%, 34% 86%, 34% 82%, 38% 82%, 39% 76%, 42% 76%, 42% 81%, 46% 81%, 46% 94%, 54% 95%, 54% 91%, 50% 91%, 50% 74%, 56% 74%, 57% 68%, 63% 65%, 63% 51%, 68% 50%, 68% 56%, 73% 56%, 73% 44%, 63% 44%, 63% 37%, 78% 37%, 78% 32%, 67% 32%, 67% 28%, 88% 29%, 89% 11%, 83% 11%, 83% 6%, 60% 6%, 60% 16%, 54% 17%, 55% 12%, 60% 11%, 61% 6%, 51% 6%);
}
body #wrap .cell.cell3.darkmode:before, body #wrap .cell.cell11.darkmode:before {
  -webkit-clip-path: polygon(9% 8%, 11% 24%, 25% 36%, 34% 26%, 47% 23%, 64% 23%, 75% 31%, 78% 37%, 86% 33%, 93% 23%, 95% 5%, 98% 22%, 98% 38%, 93% 49%, 85% 53%, 79% 59%, 74% 51%, 64% 48%, 59% 50%, 56% 57%, 62% 65%, 79% 66%, 78% 78%, 73% 96%, 59% 95%, 57% 83%, 50% 83%, 48% 89%, 46% 95%, 34% 95%, 27% 81%, 21% 67%, 44% 65%, 49% 57%, 45% 48%, 35% 48%, 28% 53%, 23% 57%, 15% 55%, 6% 38%, 5% 25%);
          clip-path: polygon(9% 8%, 11% 24%, 25% 36%, 34% 26%, 47% 23%, 64% 23%, 75% 31%, 78% 37%, 86% 33%, 93% 23%, 95% 5%, 98% 22%, 98% 38%, 93% 49%, 85% 53%, 79% 59%, 74% 51%, 64% 48%, 59% 50%, 56% 57%, 62% 65%, 79% 66%, 78% 78%, 73% 96%, 59% 95%, 57% 83%, 50% 83%, 48% 89%, 46% 95%, 34% 95%, 27% 81%, 21% 67%, 44% 65%, 49% 57%, 45% 48%, 35% 48%, 28% 53%, 23% 57%, 15% 55%, 6% 38%, 5% 25%);
}
body #wrap .cell.cell4:before, body #wrap .cell.cell12:before {
  -webkit-clip-path: polygon(50% 0, 29% 18%, 41% 19%, 20% 45%, 34% 45%, 10% 70%, 45% 70%, 45% 90%, 55% 90%, 55% 70%, 90% 70%, 65% 45%, 80% 45%, 60% 19%, 72% 18%);
          clip-path: polygon(50% 0, 29% 18%, 41% 19%, 20% 45%, 34% 45%, 10% 70%, 45% 70%, 45% 90%, 55% 90%, 55% 70%, 90% 70%, 65% 45%, 80% 45%, 60% 19%, 72% 18%);
}
body #wrap .cell.cell4.darkmode:before, body #wrap .cell.cell12.darkmode:before {
  -webkit-clip-path: none;
          clip-path: none;
  -webkit-mask: linear-gradient(to right, transparent 45%, #000 45%, #000 55%, transparent 55%), linear-gradient(to top, transparent 35%, #000 35%, #000 45%, transparent 45%);
          mask: linear-gradient(to right, transparent 45%, #000 45%, #000 55%, transparent 55%), linear-gradient(to top, transparent 35%, #000 35%, #000 45%, transparent 45%);
  width: 50%;
  height: 75%;
  top: 12.5%;
  left: 25%;
  z-index: 2;
}
body #wrap .cell.cell4.darkmode:after, body #wrap .cell.cell12.darkmode:after {
  opacity: 1;
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
  z-index: 1;
}
body #wrap .cell.cell5:before, body #wrap .cell.cell13:before {
  -webkit-clip-path: polygon(51% 90%, 5% 50%, 5% 30%, 15% 15%, 35% 15%, 50% 30%, 65% 15%, 84% 15%, 95% 30%, 95% 50%);
          clip-path: polygon(51% 90%, 5% 50%, 5% 30%, 15% 15%, 35% 15%, 50% 30%, 65% 15%, 84% 15%, 95% 30%, 95% 50%);
}
body #wrap .cell.cell5.darkmode, body #wrap .cell.cell13.darkmode {
  background: linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), linear-gradient(-55deg, transparent 2.5px, #db2430 2.5px, #db2430 3.5px, #db2430 4.5px, transparent 4.5px), #000;
  background-size: 10px 12px, 10px 12px, 10px 12px, 10px 12px;
  background-position: calc(5.5px - 4px) 50%, -9px 50%, calc(5.5px - 4px) calc(50% - 6.5px), -9px calc(50% - 6px);
}
body #wrap .cell.cell5.darkmode:before, body #wrap .cell.cell13.darkmode:before {
  -webkit-clip-path: polygon(48% 0%, 8% 94%, 14% 94%, 100% 32%, 0 32%, 90% 94%, 93% 91%, 11% 36%, 89% 36%, 16% 88%, 18% 80%, 49% 10%, 93% 93%, 95% 87%);
          clip-path: polygon(48% 0%, 8% 94%, 14% 94%, 100% 32%, 0 32%, 90% 94%, 93% 91%, 11% 36%, 89% 36%, 16% 88%, 18% 80%, 49% 10%, 93% 93%, 95% 87%);
  border-radius: 100%;
}
body #wrap .cell.cell5.darkmode:after, body #wrap .cell.cell13.darkmode:after {
  opacity: 1;
  -webkit-mask: radial-gradient(circle at center, transparent 60%, #000 60%, #000 70%, transparent 70%);
          mask: radial-gradient(circle at center, transparent 60%, #000 60%, #000 70%, transparent 70%);
  -webkit-clip-path: none;
          clip-path: none;
}
body #wrap .cell.cell6.darkmode:before, body #wrap .cell.cell14.darkmode:before {
  -webkit-clip-path: polygon(14% 10%, 10% 19%, 8% 28%, 11% 42%, 16% 51%, 22% 47%, 29% 39%, 38% 38%, 44% 38%, 48% 97%, 53% 97%, 56% 94%, 52% 37%, 59% 34%, 68% 34%, 74% 36%, 80% 38%, 79% 29%, 79% 19%, 77% 8%, 73% 3%, 70% 1%, 61% 9%, 50% 15%, 48% 6%, 39% 8%, 41% 17%, 27% 15%);
          clip-path: polygon(14% 10%, 10% 19%, 8% 28%, 11% 42%, 16% 51%, 22% 47%, 29% 39%, 38% 38%, 44% 38%, 48% 97%, 53% 97%, 56% 94%, 52% 37%, 59% 34%, 68% 34%, 74% 36%, 80% 38%, 79% 29%, 79% 19%, 77% 8%, 73% 3%, 70% 1%, 61% 9%, 50% 15%, 48% 6%, 39% 8%, 41% 17%, 27% 15%);
  -webkit-mask: none;
          mask: none;
}
body #wrap .cell.cell6:before, body #wrap .cell.cell14:before {
  -webkit-clip-path: circle(45% at 50% 50%);
          clip-path: circle(45% at 50% 50%);
  -webkit-mask: radial-gradient(circle at 15% 65%, #000 5%, transparent 5%), radial-gradient(circle at 85% 65%, #000 5%, transparent 5%), radial-gradient(circle at 15% 35%, #000 5%, transparent 5%), radial-gradient(circle at 85% 35%, #000 5%, transparent 5%), radial-gradient(circle at 35% 85%, #000 5%, transparent 5%), radial-gradient(circle at 65% 85%, #000 5%, transparent 5%), radial-gradient(circle at 35% 15%, #000 5%, transparent 5%), radial-gradient(circle at 65% 15%, #000 5%, transparent 5%), linear-gradient(to right, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%), linear-gradient(to bottom, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%), linear-gradient(45deg, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%), linear-gradient(-45deg, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%);
          mask: radial-gradient(circle at 15% 65%, #000 5%, transparent 5%), radial-gradient(circle at 85% 65%, #000 5%, transparent 5%), radial-gradient(circle at 15% 35%, #000 5%, transparent 5%), radial-gradient(circle at 85% 35%, #000 5%, transparent 5%), radial-gradient(circle at 35% 85%, #000 5%, transparent 5%), radial-gradient(circle at 65% 85%, #000 5%, transparent 5%), radial-gradient(circle at 35% 15%, #000 5%, transparent 5%), radial-gradient(circle at 65% 15%, #000 5%, transparent 5%), linear-gradient(to right, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%), linear-gradient(to bottom, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%), linear-gradient(45deg, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%), linear-gradient(-45deg, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%);
}
body #wrap .cell.cell7:before, body #wrap .cell.cell15:before {
  -webkit-mask: radial-gradient(circle at center, #000 57.5%, transparent 57.5%);
          mask: radial-gradient(circle at center, #000 57.5%, transparent 57.5%);
  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
          clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
body #wrap .cell.cell8:before, body #wrap .cell.cell16:before {
  -webkit-clip-path: circle(25% at 50% 50%);
          clip-path: circle(25% at 50% 50%);
  -webkit-mask: linear-gradient(45deg, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%), linear-gradient(-45deg, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%);
          mask: linear-gradient(45deg, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%), linear-gradient(-45deg, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%);
}
body #wrap .cell.cell9 {
  opacity: 0;
}
body #wrap .cell.cell10 {
  opacity: 0;
}
body #wrap .cell.cell11 {
  opacity: 0;
}
body #wrap .cell.cell12 {
  opacity: 0;
}
body #wrap .cell.cell13 {
  opacity: 0;
}
body #wrap .cell.cell14 {
  opacity: 0;
}
body #wrap .cell.cell15 {
  opacity: 0;
}
body #wrap .cell.cell16 {
  opacity: 0;
}