/* Fonts */
@font-face {
  font-family: 'Century Gothic';
  src: url(https://mwdesign.la/assets/fonts/CenturyGothic-Regular.ttf);
}

@property --translate-x {
  syntax: '<length> | <length-percentage>';
  inherits: true;
  initial-value: 0;
}

@property --translate-y {
  syntax: '<length> | <length-percentage>';
  inherits: true;
  initial-value: 0;
}

@property --rotate {
  syntax: '<angle>';
  inherits: true;
  initial-value: 0deg;
}

@property --aspect-ratio {
  syntax: '<number>';
  inherits: true;
  initial-value: 2 / tan(60deg);
}

@property --color {
  syntax: '<color>';
  inherits: true;
  initial-value: var(--c-orange);
}

html {
  --c-gray-1: hsl(224, 24%, 8%);
  --c-gray-2: hsl(224, 20%, 16%);
  --c-gray-3: hsl(224, 16%, 24%);
  --c-gray-4: hsl(224, 12%, 32%);
  --c-orange: hsl(24, 100%, 50%);
}

body {
  --section-count: 6;

  background-color: var(--c-gray-1);
  height: 100%;
  
  & > section {
    height: 100vh;
    display: grid;
    scroll-snap-align: start;

    &:nth-child(even) {
      background-color: var(--c-gray-2);
    }

    &.left {
      grid-template-columns: 60% 40%;
    }

    &.right {
      grid-template-columns: 40% 60%;
    }
  }
}




#particle-container {
  --color: var(--c-orange);

  height: 80%;
  width: 30%;
  position: fixed;
  inset: 10%;

  container-type: size;
  filter: drop-shadow(1px 0 0 var(--color)) drop-shadow(0 1px 0 var(--color));
}

@keyframes test {
  0% {
    /* Hexagon */
    aspect-ratio: 1 / cos(30deg);
    clip-path: shape(from 25% 0%, line to 75% 0%, curve to 100% 50% with 100% 50%, curve to 75% 100% with 75% 100%, line to 25% 100%, curve to 0% 50% with 0% 50%, curve to 25% 0% with 25% 0%); 
  }

  25% { 
    /* Circle */
    aspect-ratio: 1 / 1;
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 100% 50% with 100% 0%, curve to 50% 100% with 100% 100%, line to 50% 100%, curve to 0% 50% with 0% 100%, curve to 50% 0% with 0% 0%); 
  }

  50% { 
    /* Diamond */
    aspect-ratio: 1 / 1;
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 100% 50% with 100% 50%, curve to 50% 100% with 50% 100%, line to 50% 100%, curve to 0% 50% with 0% 50%, curve to 50% 0% with 50% 0%); 
  }

  75% { 
    /* Triangle */
    aspect-ratio: 2 / tan(60deg);
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
  }
  
  100% { 
    /* Hexagon */
    aspect-ratio: 1 / cos(30deg);
    clip-path: shape(from 25% 0%, line to 75% 0%, curve to 100% 50% with 100% 50%, curve to 75% 100% with 75% 100%, line to 25% 100%, curve to 0% 50% with 0% 50%, curve to 25% 0% with 25% 0%); 
  }
}

[test] {
  position: fixed;
  left: 350px;
  top: 45px;

  height: 165px;
  background-color: green;


  aspect-ratio: 1 / cos(30deg);
  clip-path: shape(from 25% 0%, line to 75% 0%, curve to 100% 50% with 100% 50%, curve to 75% 100% with 75% 100%, line to 25% 100%, curve to 0% 50% with 0% 50%, curve to 25% 0% with 25% 0%); 

  animation: test 2s linear;
} 




[particle] {
  --translate-x: 0%;
  --translate-y: 0%;
  --translate: var(--translate-x, 0) var(--translate-y, 0);
  --aspect-ratio: 2 / tan(60deg);
  
  background-color: var(--color);
  width: 10px;
  aspect-ratio: var(--aspect-ratio);
  position: absolute;

  rotate: var(--rotate, 0deg);
  translate: var(--translate, 0 0);

  clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 

  animation-timeline: view();
  animation-range-start: 90vh;
  animation-range-end: calc((var(--section-count) - 1) * 100vh);
  animation-duration: 1ms;
}

@keyframes p1 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
  }



  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
  }
}

@keyframes p2 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --rotate: 180deg;
  }
}

@keyframes p3 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
  }
}

@keyframes p4 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --rotate: 180deg;
  }
}

@keyframes p5 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
  }
}

@keyframes p6 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --rotate: 180deg;
  }
}

@keyframes p7 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
  }
}

@keyframes p8 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
  }
}

@keyframes p9 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --rotate: 180deg;
  }
}

@keyframes p10 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
  }
}

@keyframes p11 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --rotate: 180deg;
  }
}

@keyframes p12 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
  }
}

@keyframes p13 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --rotate: 180deg;
  }
}

@keyframes p14 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
  }
}

@keyframes p15 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 100%;
  }
}

@keyframes p16 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 100%;
    --rotate: 180deg;
  }
}

@keyframes p17 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 100%;
  }
}

@keyframes p18 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 100%;
    --rotate: 180deg;
  }
}

@keyframes p19 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 100%;
  }
}

@keyframes p20 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 100%;
    --rotate: 180deg;
  }
}

@keyframes p21 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 100%;
  }
}

@keyframes p22 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 100%;
    --rotate: 180deg;
  }
}

@keyframes p23 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 100%;
  }
}

@keyframes p24 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 100%;
  }
}

@keyframes p25 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 100%;
    --rotate: 180deg;
  }
}

@keyframes p26 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 100%;
  }
}

@keyframes p27 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 100%;
    --rotate: 180deg;
  }
}

@keyframes p28 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 100%;
  }
}

@keyframes p29 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 100%;
    --rotate: 180deg;
  }
}

@keyframes p30 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 100%;
  }
}

@keyframes p31 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 100%;
    --rotate: 180deg;
  }
}

@keyframes p32 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 100%;
  }
}

@keyframes p33 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 200%;
  }
}

@keyframes p34 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 200%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 200%;
    --rotate: 180deg;
  }
}

@keyframes p35 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 200%;
  }
}

@keyframes p36 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 200%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 200%;
    --rotate: 180deg;
  }
}

@keyframes p37 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 200%;
  }
}

@keyframes p38 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 200%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 200%;
    --rotate: 180deg;
  }
}

@keyframes p39 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 200%;
  }
}

@keyframes p40 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 200%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 200%;
    --rotate: 180deg;
  }
}

@keyframes p41 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 200%;
  }
}

@keyframes p42 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 200%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 200%;
    --rotate: 180deg;
  }
}

@keyframes p43 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 200%;
  }
}

@keyframes p44 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 200%;
  }
}

@keyframes p45 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 200%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 200%;
    --rotate: 180deg;
  }
}

@keyframes p46 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 200%;
  }
}

@keyframes p47 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 200%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 200%;
    --rotate: 180deg;
  }
}

@keyframes p48 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 200%;
  }
}

@keyframes p49 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 200%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 200%;
    --rotate: 180deg;
  }
}

@keyframes p50 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 200%;
  }
}

@keyframes p51 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 200%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 200%;
    --rotate: 180deg;
  }
}

@keyframes p52 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 200%;
  }
}

@keyframes p53 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 200%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 200%;
    --rotate: 180deg;
  }
}

@keyframes p54 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 200%;
  }
}

@keyframes p55 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 300%;
  }
}

@keyframes p56 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 300%;
    --rotate: 180deg;
  }
}

@keyframes p57 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 300%;
  }
}

@keyframes p58 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 300%;
    --rotate: 180deg;
  }
}

@keyframes p59 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 300%;
  }
}

@keyframes p60 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 300%;
    --rotate: 180deg;
  }
}

@keyframes p61 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 300%;
  }
}

@keyframes p62 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 300%;
    --rotate: 180deg;
  }
}

@keyframes p63 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 300%;
  }
}

@keyframes p64 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 300%;
    --rotate: 180deg;
  }
}
@keyframes p65 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 300%;
  }
}

@keyframes p66 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 300%;
    --rotate: 180deg;
  }
}

@keyframes p67 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 300%;
  }
}

@keyframes p68 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 300%;
    --rotate: 180deg;
  }
}

@keyframes p69 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 300%;
  }
}

@keyframes p70 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 300%;
    --rotate: 180deg;
  }
}

@keyframes p71 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 300%;
  }
}

@keyframes p72 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 300%;
    --rotate: 180deg;
  }
}

@keyframes p73 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 300%;
  }
}

@keyframes p74 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 300%;
    --rotate: 180deg;
  }
}

@keyframes p75 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 300%;
  }
}

@keyframes p76 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 300%;
    --rotate: 180deg;
  }
}

@keyframes p77 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 300%;
  }
}

@keyframes p78 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 300%;
    --rotate: 180deg;
  }
}

@keyframes p79 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 300%;
  }
}

@keyframes p80 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 400%;
  }
}


@keyframes p81 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 400%;
    --rotate: 180deg
  }
}

@keyframes p82 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 400%;
  }
}


@keyframes p83 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 400%;
    --rotate: 180deg
  }
}

@keyframes p84 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 400%;
  }
}


@keyframes p85 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 400%;
    --rotate: 180deg
  }
}

@keyframes p86 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 400%;
  }
}


@keyframes p87 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 400%;
    --rotate: 180deg
  }
}

@keyframes p88 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 400%;
  }
}


@keyframes p89 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 400%;
    --rotate: 180deg
  }
}

@keyframes p90 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 400%;
  }
}


@keyframes p91 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 400%;
    --rotate: 180deg
  }
}

@keyframes p92 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 400%;
  }
}


@keyframes p93 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 400%;
    --rotate: 180deg
  }
}

@keyframes p94 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 400%;
  }
}


@keyframes p95 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 400%;
    --rotate: 180deg
  }
}

@keyframes p96 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 400%;
  }
}


@keyframes p97 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 400%;
    --rotate: 180deg
  }
}

@keyframes p98 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 400%;
  }
}


@keyframes p99 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 400%;
    --rotate: 180deg
  }
}

@keyframes p100 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 400%;
  }
}


@keyframes p101 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 400%;
    --rotate: 180deg
  }
}

@keyframes p102 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 400%;
  }
}


@keyframes p103 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 400%;
    --rotate: 180deg
  }
}

@keyframes p104 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 400%;
  }
}


@keyframes p105 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 400%;
    --rotate: 180deg
  }
}

@keyframes p106 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 400%;
  }
}


@keyframes p107 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 500%;
  }
}

@keyframes p108 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p109 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 500%;
  }
}

@keyframes p110 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p111 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 500%;
  }
}

@keyframes p112 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p113 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 500%;
  }
}

@keyframes p114 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p115 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 500%;
  }
}

@keyframes p116 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p117 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 500%;
  }
}

@keyframes p118 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p119 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 500%;
  }
}

@keyframes p120 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p121 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 500%;
  }
}

@keyframes p122 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p123 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 500%;
  }
}

@keyframes p124 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p125 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 500%;
  }
}

@keyframes p126 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p127 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 500%;
  }
}

@keyframes p128 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p129 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 500%;
  }
}

@keyframes p130 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p131 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 500%;
  }
}

@keyframes p132 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p133 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 500%;
  }
}

@keyframes p134 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 500%;
    --rotate: 180deg;
  }
}

@keyframes p135 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 500%;
  }
}

@keyframes p136 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 100%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 100%;
    --translate-y: 600%;
  }
}


@keyframes p137 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p138 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 600%;
  }
}


@keyframes p139 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p140 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 600%;
  }
}


@keyframes p141 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p142 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 600%;
  }
}


@keyframes p143 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p144 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 600%;
  }
}


@keyframes p145 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p146 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 600%;
  }
}


@keyframes p147 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p148 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 600%;
  }
}


@keyframes p149 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p150 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 600%;
  }
}


@keyframes p151 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p152 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 600%;
  }
}


@keyframes p153 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p154 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 600%;
  }
}


@keyframes p155 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p156 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 600%;
  }
}


@keyframes p157 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p158 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 600%;
  }
}


@keyframes p159 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p160 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 600%;
  }
}


@keyframes p161 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p162 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 600%;
  }
}


@keyframes p163 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p164 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 600%;
  }
}


@keyframes p165 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 600%;
    --rotate: 180deg
  }
}

@keyframes p166 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1600%;
    --translate-y: 600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1600%;
    --translate-y: 600%;
  }
}


@keyframes p167 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 50%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 50%;
    --translate-y: 700%;
  }
}

@keyframes p168 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 100%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 100%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p169 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 700%;
  }
}

@keyframes p170 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p171 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 700%;
  }
}

@keyframes p172 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p173 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 700%;
  }
}

@keyframes p174 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p175 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 700%;
  }
}

@keyframes p176 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p177 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 700%;
  }
}

@keyframes p178 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p179 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 700%;
  }
}

@keyframes p180 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p181 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 700%;
  }
}

@keyframes p182 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p183 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 700%;
  }
}

@keyframes p184 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p185 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 700%;
  }
}

@keyframes p186 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p187 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 700%;
  }
}

@keyframes p188 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p189 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 700%;
  }
}

@keyframes p190 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p191 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 700%;
  }
}

@keyframes p192 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p193 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 700%;
  }
}

@keyframes p194 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p195 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 700%;
  }
}

@keyframes p196 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p197 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 700%;
  }
}

@keyframes p198 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1600%;
    --translate-y: 700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1600%;
    --translate-y: 700%;
    --rotate: 180deg;
  }
}

@keyframes p199 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1650%;
    --translate-y: 700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1650%;
    --translate-y: 700%;
  }
}

@keyframes p200 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 0%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 0%;
    --translate-y: 800%;
  }
}


@keyframes p201 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 50%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 50%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p202 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 100%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 100%;
    --translate-y: 800%;
  }
}


@keyframes p203 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p204 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 800%;
  }
}


@keyframes p205 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p206 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 800%;
  }
}


@keyframes p207 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p208 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 800%;
  }
}


@keyframes p209 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p210 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 800%;
  }
}


@keyframes p211 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p212 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 800%;
  }
}


@keyframes p213 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p214 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 800%;
  }
}


@keyframes p215 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p216 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 800%;
  }
}


@keyframes p217 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p218 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 800%;
  }
}


@keyframes p219 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p220 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 800%;
  }
}


@keyframes p221 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p222 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 800%;
  }
}


@keyframes p223 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p224 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 800%;
  }
}


@keyframes p225 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p226 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 800%;
  }
}


@keyframes p227 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p228 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 800%;
  }
}


@keyframes p229 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p230 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 800%;
  }
}


@keyframes p231 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p232 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1600%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1600%;
    --translate-y: 800%;
  }
}


@keyframes p233 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1650%;
    --translate-y: 800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1650%;
    --translate-y: 800%;
    --rotate: 180deg
  }
}

@keyframes p234 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1700%;
    --translate-y: 800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1700%;
    --translate-y: 800%;
  }
}


@keyframes p235 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 0%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 0%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p236 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 50%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 50%;
    --translate-y: 1000%;
  }
}


@keyframes p237 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 100%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 100%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p238 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 1000%;
  }
}


@keyframes p239 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p240 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 1000%;
  }
}


@keyframes p241 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p242 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1000%;
  }
}


@keyframes p243 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p244 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1000%;
  }
}


@keyframes p245 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p246 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1000%;
  }
}


@keyframes p247 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p248 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1000%;
  }
}


@keyframes p249 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p250 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1000%;
  }
}


@keyframes p251 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p252 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 1000%;
  }
}


@keyframes p253 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p254 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1000%;
  }
}


@keyframes p255 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p256 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1000%;
  }
}


@keyframes p257 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p258 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1000%;
  }
}


@keyframes p259 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p260 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1000%;
  }
}


@keyframes p261 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p262 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1000%;
  }
}


@keyframes p263 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p264 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 1000%;
  }
}


@keyframes p265 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p266 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 1000%;
  }
}


@keyframes p267 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1600%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1600%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p268 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1650%;
    --translate-y: 1000%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1650%;
    --translate-y: 1000%;
  }
}


@keyframes p269 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1700%;
    --translate-y: 1000%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1700%;
    --translate-y: 1000%;
    --rotate: 180deg
  }
}

@keyframes p270 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 50%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 50%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p271 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 100%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 100%;
    --translate-y: 1100%;
  }
}

@keyframes p272 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p273 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 1100%;
  }
}

@keyframes p274 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p275 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1100%;
  }
}

@keyframes p276 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p277 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1100%;
  }
}

@keyframes p278 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p279 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1100%;
  }
}

@keyframes p280 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p281 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1100%;
  }
}

@keyframes p282 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p283 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1100%;
  }
}

@keyframes p284 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p285 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1100%;
  }
}

@keyframes p286 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p287 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1100%;
  }
}

@keyframes p288 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p289 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1100%;
  }
}

@keyframes p290 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p291 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1100%;
  }
}

@keyframes p292 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p293 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1100%;
  }
}

@keyframes p294 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p295 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1100%;
  }
}

@keyframes p296 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p297 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1100%;
  }
}

@keyframes p298 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p299 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 1100%;
  }
}

@keyframes p300 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p301 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1600%;
    --translate-y: 1100%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1600%;
    --translate-y: 1100%;
  }
}

@keyframes p302 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1650%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1650%;
    --translate-y: 1100%;
    --rotate: 180deg;
  }
}

@keyframes p303 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 100%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 100%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p304 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 1200%;
  }
}


@keyframes p305 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p306 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 1200%;
  }
}


@keyframes p307 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p308 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1200%;
  }
}


@keyframes p309 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p310 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1200%;
  }
}


@keyframes p311 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p312 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1200%;
  }
}


@keyframes p313 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p314 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1200%;
  }
}


@keyframes p315 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p316 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1200%;
  }
}


@keyframes p317 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p318 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 1200%;
  }
}


@keyframes p319 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p320 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1200%;
  }
}


@keyframes p321 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p322 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1200%;
  }
}


@keyframes p323 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p324 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1200%;
  }
}


@keyframes p325 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p326 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1200%;
  }
}


@keyframes p327 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p328 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1200%;
  }
}


@keyframes p329 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p330 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 1200%;
  }
}


@keyframes p331 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p332 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 1200%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 1200%;
  }
}


@keyframes p333 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1600%;
    --translate-y: 1200%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1600%;
    --translate-y: 1200%;
    --rotate: 180deg
  }
}

@keyframes p334 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 150%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p335 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 1300%;
  }
}

@keyframes p336 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p337 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1300%;
  }
}

@keyframes p338 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p339 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1300%;
  }
}

@keyframes p340 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p341 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1300%;
  }
}

@keyframes p342 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p343 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1300%;
  }
}

@keyframes p344 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p345 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1300%;
  }
}

@keyframes p346 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p347 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1300%;
  }
}

@keyframes p348 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p349 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1300%;
  }
}

@keyframes p350 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p351 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1300%;
  }
}

@keyframes p352 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p353 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1300%;
  }
}

@keyframes p354 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p355 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1300%;
  }
}

@keyframes p356 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p357 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1300%;
  }
}

@keyframes p358 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p359 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1300%;
  }
}

@keyframes p360 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p361 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 1300%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 1300%;
  }
}

@keyframes p362 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1550%;
    --translate-y: 1300%;
    --rotate: 180deg;
  }
}

@keyframes p363 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 200%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p364 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 1400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 1400%;
  }
}


@keyframes p365 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p366 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1400%;
  }
}


@keyframes p367 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p368 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1400%;
  }
}


@keyframes p369 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p370 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1400%;
  }
}


@keyframes p371 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p372 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1400%;
  }
}


@keyframes p373 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p374 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1400%;
  }
}


@keyframes p375 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p376 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 1400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 1400%;
  }
}


@keyframes p377 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p378 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1400%;
  }
}


@keyframes p379 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p380 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1400%;
  }
}


@keyframes p381 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p382 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1400%;
  }
}


@keyframes p383 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p384 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1400%;
  }
}


@keyframes p385 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p386 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1400%;
  }
}


@keyframes p387 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p388 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 1400%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 1400%;
  }
}


@keyframes p389 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 1400%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1500%;
    --translate-y: 1400%;
    --rotate: 180deg
  }
}

@keyframes p390 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 250%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }
}

@keyframes p391 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1500%;
  }
}

@keyframes p392 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }
}

@keyframes p393 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1500%;
  }
}

@keyframes p394 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }
}

@keyframes p395 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1500%;
  }
}

@keyframes p396 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }
}

@keyframes p397 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1500%;
  }
}

@keyframes p398 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }
}

@keyframes p399 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1500%;
  }
}

@keyframes p400 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }
}

@keyframes p401 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1500%;
  }
}

@keyframes p402 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 850%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }
}

@keyframes p403 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1500%;
  }
}

@keyframes p404 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }
}

@keyframes p405 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1500%;
  }
}

@keyframes p406 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }
}

@keyframes p407 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1500%;
  }
}

@keyframes p408 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }
}

@keyframes p409 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1500%;
  }
}

@keyframes p410 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }
}

@keyframes p411 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1500%;
  }
}

@keyframes p412 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }
}

@keyframes p413 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1500%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1500%;
  }
}

@keyframes p414 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1450%;
    --translate-y: 1500%;
    --rotate: 180deg;
  }
}

@keyframes p415 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 300%;
    --translate-y: 1600%;
    --rotate: 180deg
  }
}

@keyframes p416 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1600%;
  }
}


@keyframes p417 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1600%;
    --rotate: 180deg
  }
}

@keyframes p418 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1600%;
  }
}


@keyframes p419 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1600%;
    --rotate: 180deg
  }
}

@keyframes p420 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1600%;
  }
}


@keyframes p421 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1600%;
    --rotate: 180deg
  }
}

@keyframes p422 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1600%;
  }
}


@keyframes p423 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1600%;
    --rotate: 180deg
  }
}

@keyframes p424 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1600%;
  }
}


@keyframes p425 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1600%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 800%;
    --translate-y: 1600%;
    --rotate: 180deg
  }
}

@keyframes p426 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1600%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 900%;
    --translate-y: 1600%;
    --rotate: 180deg;
  }
}

@keyframes p427 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1600%;
  }
}

@keyframes p428 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1600%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1600%;
    --rotate: 180deg;
  }
}

@keyframes p429 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1600%;
  }
}

@keyframes p430 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1600%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1600%;
    --rotate: 180deg;
  }
}

@keyframes p431 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1600%;
  }
}

@keyframes p432 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1600%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1600%;
    --rotate: 180deg;
  }
}

@keyframes p433 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1600%;
  }
}

@keyframes p434 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1600%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1600%;
    --rotate: 180deg;
  }
}

@keyframes p435 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1600%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1600%;
  }
}

@keyframes p436 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1600%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1400%;
    --translate-y: 1600%;
    --rotate: 180deg;
  }
}

@keyframes p437 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1700%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 350%;
    --translate-y: 1700%;
    --rotate: 180deg
  }
}

@keyframes p438 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1700%;
  }
}


@keyframes p439 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }
  
  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }
}

@keyframes p440 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1700%;
  }
}


@keyframes p441 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }
}

@keyframes p442 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1700%;
  }
}


@keyframes p443 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }
}

@keyframes p444 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1700%;
  }
}


@keyframes p445 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 750%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }
}

@keyframes p446 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 950%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }
}

@keyframes p447 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1700%;
  }
}

@keyframes p448 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }
}

@keyframes p449 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1700%;
  }
}

@keyframes p450 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }
}

@keyframes p451 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1700%;
  }
}

@keyframes p452 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }
}

@keyframes p453 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1700%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1700%;
  }
}

@keyframes p454 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1350%;
    --translate-y: 1700%;
    --rotate: 180deg;
  }
}

@keyframes p455 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1800%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 400%;
    --translate-y: 1800%;
    --rotate: 180deg;
  }
}

@keyframes p456 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 450%;
    --translate-y: 1800%;
  }
}


@keyframes p457 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 500%;
    --translate-y: 1800%;
    --rotate: 180deg
  }
}

@keyframes p458 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 550%;
    --translate-y: 1800%;
  }
}


@keyframes p459 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 600%;
    --translate-y: 1800%;
    --rotate: 180deg
  }
}

@keyframes p460 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 650%;
    --translate-y: 1800%;
  }
}


@keyframes p461 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1800%;
    --rotate: 180deg
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 700%;
    --translate-y: 1800%;
    --rotate: 180deg
  }
}

@keyframes p462 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1800%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1000%;
    --translate-y: 1800%;
    --rotate: 180deg;
  }
}

@keyframes p463 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1050%;
    --translate-y: 1800%;
  }
}

@keyframes p464 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1800%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1100%;
    --translate-y: 1800%;
    --rotate: 180deg;
  }
}

@keyframes p465 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1150%;
    --translate-y: 1800%;
  }
}

@keyframes p466 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1800%;
    --rotate: 180deg;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1200%;
    --translate-y: 1800%;
    --rotate: 180deg;
  }
}

@keyframes p467 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1800%;
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1250%;
    --translate-y: 1800%;
  }
}

@keyframes p468 {
  0% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1800%;
    --rotate: 180deg;
  }

  20% {    
    /* Hexagon */
    aspect-ratio: 1 / cos(30deg);
    clip-path: shape(from 25% 0%, line to 75% 0%, curve to 100% 50% with 100% 50%, curve to 75% 100% with 75% 100%, line to 25% 100%, curve to 0% 50% with 0% 50%, curve to 25% 0% with 25% 0%); 
  }

  40% { 
    /* Circle */
    aspect-ratio: 1 / 1;
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 100% 50% with 100% 0%, curve to 50% 100% with 100% 100%, line to 50% 100%, curve to 0% 50% with 0% 100%, curve to 50% 0% with 0% 0%); 
  }

  60% { 
    /* Diamond */
    aspect-ratio: 1 / 1;
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 100% 50% with 100% 50%, curve to 50% 100% with 50% 100%, line to 50% 100%, curve to 0% 50% with 0% 50%, curve to 50% 0% with 50% 0%); 
  }

  100% {
    clip-path: shape(from 50% 0%, line to 50% 0%, curve to 50% 0% with 50% 0%, curve to 100% 100% with 100% 100%, line to 0% 100%, curve to 50% 0% with 50% 0%, curve to 50% 0% with 50% 0%); 
    --translate-x: 1300%;
    --translate-y: 1800%;
    --rotate: 180deg;
  }
}



#p1 {
  animation-name: p1;
}

#p2 {
  animation-name: p2;
}

#p3 {
  animation-name: p3;
}

#p4 {
  animation-name: p4;
}

#p5 {
  animation-name: p5;
}

#p6 {
  animation-name: p6;
}

#p7 {
  animation-name: p7;
}

#p8 {
  animation-name: p8;
}

#p9 {
  animation-name: p9;
}

#p10 {
  animation-name: p10;
}

#p11 {
  animation-name: p11;
}

#p12 {
  animation-name: p12;
}

#p13 {
  animation-name: p13;
}

#p14 {
  animation-name: p14;
}

#p15 {
  animation-name: p15;
}

#p16 {
  animation-name: p16;
}

#p17 {
  animation-name: p17;
}

#p18 {
  animation-name: p18;
}

#p19 {
  animation-name: p19;
}

#p20 {
  animation-name: p20;
}

#p21 {
  animation-name: p21;
}

#p22 {
  animation-name: p22;
}

#p23 {
  animation-name: p23;
}

#p24 {
  animation-name: p24;
}

#p25 {
  animation-name: p25;
}

#p26 {
  animation-name: p26;
}

#p27 {
  animation-name: p27;
}

#p28 {
  animation-name: p28;
}

#p29 {
  animation-name: p29;
}

#p30 {
  animation-name: p30;
}

#p31 {
  animation-name: p31;
}

#p32 {
  animation-name: p32;
}

#p33 {
  animation-name: p33;
}

#p34 {
  animation-name: p34;
}

#p35 {
  animation-name: p35;
}

#p36 {
  animation-name: p36;
}

#p37 {
  animation-name: p37;
}

#p38 {
  animation-name: p38;
}

#p39 {
  animation-name: p39;
}

#p40 {
  animation-name: p40;
}

#p41 {
  animation-name: p41;
}

#p42 {
  animation-name: p42;
}

#p43 {
  animation-name: p43;
}

#p44 {
  animation-name: p44;
}

#p45 {
  animation-name: p45;
}

#p46 {
  animation-name: p46;
}

#p47 {
  animation-name: p47;
}

#p48 {
  animation-name: p48;
}

#p49 {
  animation-name: p49;
}

#p50 {
  animation-name: p50;
}

#p51 {
  animation-name: p51;
}

#p52 {
  animation-name: p52;
}

#p53 {
  animation-name: p53;
}

#p54 {
  animation-name: p54;
}

#p55 {
  animation-name: p55;
}

#p56 {
  animation-name: p56;
}

#p57 {
  animation-name: p57;
}

#p58 {
  animation-name: p58;
}

#p59 {
  animation-name: p59;
}

#p60 {
  animation-name: p60;
}

#p61 {
  animation-name: p61;
}

#p62 {
  animation-name: p62;
}

#p63 {
  animation-name: p63;
}

#p64 {
  animation-name: p64;
}

#p65 {
  animation-name: p65;
}

#p66 {
  animation-name: p66;
}

#p67 {
  animation-name: p67;
}

#p68 {
  animation-name: p68;
}

#p69 {
  animation-name: p69;
}

#p70 {
  animation-name: p70;
}

#p71 {
  animation-name: p71;
}

#p72 {
  animation-name: p72;
}

#p73 {
  animation-name: p73;
}

#p74 {
  animation-name: p74;
}

#p75 {
  animation-name: p75;
}

#p76 {
  animation-name: p76;
}

#p77 {
  animation-name: p77;
}

#p78 {
  animation-name: p78;
}

#p79 {
  animation-name: p79;
}

#p80 {
  animation-name: p80;
}

#p81 {
  animation-name: p81;
}

#p82 {
  animation-name: p82;
}

#p83 {
  animation-name: p83;
}

#p84 {
  animation-name: p84;
}

#p85 {
  animation-name: p85;
}

#p86 {
  animation-name: p86;
}

#p87 {
  animation-name: p87;
}

#p88 {
  animation-name: p88;
}

#p89 {
  animation-name: p89;
}

#p90 {
  animation-name: p90;
}

#p91 {
  animation-name: p91;
}

#p92 {
  animation-name: p92;
}

#p93 {
  animation-name: p93;
}

#p94 {
  animation-name: p94;
}

#p95 {
  animation-name: p95;
}

#p96 {
  animation-name: p96;
}

#p97 {
  animation-name: p97;
}

#p98 {
  animation-name: p98;
}

#p99 {
  animation-name: p99;
}

#p100 {
  animation-name: p100;
}

#p101 {
  animation-name: p101;
}

#p102 {
  animation-name: p102;
}

#p103 {
  animation-name: p103;
}

#p104 {
  animation-name: p104;
}

#p105 {
  animation-name: p105;
}

#p106 {
  animation-name: p106;
}

#p107 {
  animation-name: p107;
}

#p108 {
  animation-name: p108;
}

#p109 {
  animation-name: p109;
}

#p110 {
  animation-name: p110;
}

#p111 {
  animation-name: p111;
}

#p112 {
  animation-name: p112;
}

#p113 {
  animation-name: p113;
}

#p114 {
  animation-name: p114;
}

#p115 {
  animation-name: p115;
}

#p116 {
  animation-name: p116;
}

#p117 {
  animation-name: p117;
}

#p118 {
  animation-name: p118;
}

#p119 {
  animation-name: p119;
}

#p120 {
  animation-name: p120;
}

#p121 {
  animation-name: p121;
}

#p122 {
  animation-name: p122;
}

#p123 {
  animation-name: p123;
}

#p124 {
  animation-name: p124;
}

#p125 {
  animation-name: p125;
}

#p126 {
  animation-name: p126;
}

#p127 {
  animation-name: p127;
}

#p128 {
  animation-name: p128;
}

#p129 {
  animation-name: p129;
}

#p130 {
  animation-name: p130;
}

#p131 {
  animation-name: p131;
}

#p132 {
  animation-name: p132;
}

#p133 {
  animation-name: p133;
}

#p134 {
  animation-name: p134;
}

#p135 {
  animation-name: p135;
}

#p136 {
  animation-name: p136;
}

#p137 {
  animation-name: p137;
}

#p138 {
  animation-name: p138;
}

#p139 {
  animation-name: p139;
}

#p140 {
  animation-name: p140;
}

#p141 {
  animation-name: p141;
}

#p142 {
  animation-name: p142;
}

#p143 {
  animation-name: p143;
}

#p144 {
  animation-name: p144;
}

#p145 {
  animation-name: p145;
}

#p146 {
  animation-name: p146;
}

#p147 {
  animation-name: p147;
}

#p148 {
  animation-name: p148;
}

#p149 {
  animation-name: p149;
}

#p150 {
  animation-name: p150;
}

#p151 {
  animation-name: p151;
}

#p152 {
  animation-name: p152;
}

#p153 {
  animation-name: p153;
}

#p154 {
  animation-name: p154;
}

#p155 {
  animation-name: p155;
}

#p156 {
  animation-name: p156;
}

#p157 {
  animation-name: p157;
}

#p158 {
  animation-name: p158;
}

#p159 {
  animation-name: p159;
}

#p160 {
  animation-name: p160;
}

#p161 {
  animation-name: p161;
}

#p162 {
  animation-name: p162;
}

#p163 {
  animation-name: p163;
}

#p164 {
  animation-name: p164;
}

#p165 {
  animation-name: p165;
}

#p166 {
  animation-name: p166;
}

#p167 {
  animation-name: p167;
}

#p168 {
  animation-name: p168;
}

#p169 {
  animation-name: p169;
}

#p170 {
  animation-name: p170;
}

#p171 {
  animation-name: p171;
}

#p172 {
  animation-name: p172;
}

#p173 {
  animation-name: p173;
}

#p174 {
  animation-name: p174;
}

#p175 {
  animation-name: p175;
}

#p176 {
  animation-name: p176;
}

#p177 {
  animation-name: p177;
}

#p178 {
  animation-name: p178;
}

#p179 {
  animation-name: p179;
}

#p180 {
  animation-name: p180;
}

#p181 {
  animation-name: p181;
}

#p182 {
  animation-name: p182;
}

#p183 {
  animation-name: p183;
}

#p184 {
  animation-name: p184;
}

#p185 {
  animation-name: p185;
}

#p186 {
  animation-name: p186;
}

#p187 {
  animation-name: p187;
}

#p188 {
  animation-name: p188;
}

#p189 {
  animation-name: p189;
}

#p190 {
  animation-name: p190;
}

#p191 {
  animation-name: p191;
}

#p192 {
  animation-name: p192;
}

#p193 {
  animation-name: p193;
}

#p194 {
  animation-name: p194;
}

#p195 {
  animation-name: p195;
}

#p196 {
  animation-name: p196;
}

#p197 {
  animation-name: p197;
}

#p198 {
  animation-name: p198;
}

#p199 {
  animation-name: p199;
}

#p200 {
  animation-name: p200;
}

#p201 {
  animation-name: p201;
}

#p202 {
  animation-name: p202;
}

#p203 {
  animation-name: p203;
}

#p204 {
  animation-name: p204;
}

#p205 {
  animation-name: p205;
}

#p206 {
  animation-name: p206;
}

#p207 {
  animation-name: p207;
}

#p208 {
  animation-name: p208;
}

#p209 {
  animation-name: p209;
}

#p210 {
  animation-name: p210;
}

#p211 {
  animation-name: p211;
}

#p212 {
  animation-name: p212;
}

#p213 {
  animation-name: p213;
}

#p214 {
  animation-name: p214;
}

#p215 {
  animation-name: p215;
}

#p216 {
  animation-name: p216;
}

#p217 {
  animation-name: p217;
}

#p218 {
  animation-name: p218;
}

#p219 {
  animation-name: p219;
}

#p220 {
  animation-name: p220;
}

#p221 {
  animation-name: p221;
}

#p222 {
  animation-name: p222;
}

#p223 {
  animation-name: p223;
}

#p224 {
  animation-name: p224;
}

#p225 {
  animation-name: p225;
}

#p226 {
  animation-name: p226;
}

#p227 {
  animation-name: p227;
}

#p228 {
  animation-name: p228;
}

#p229 {
  animation-name: p229;
}

#p230 {
  animation-name: p230;
}

#p231 {
  animation-name: p231;
}

#p232 {
  animation-name: p232;
}

#p233 {
  animation-name: p233;
}

#p234 {
  animation-name: p234;
}

#p235 {
  animation-name: p235;
}

#p236 {
  animation-name: p236;
}

#p237 {
  animation-name: p237;
}

#p238 {
  animation-name: p238;
}

#p239 {
  animation-name: p239;
}

#p240 {
  animation-name: p240;
}

#p241 {
  animation-name: p241;
}

#p242 {
  animation-name: p242;
}

#p243 {
  animation-name: p243;
}

#p244 {
  animation-name: p244;
}

#p245 {
  animation-name: p245;
}

#p246 {
  animation-name: p246;
}

#p247 {
  animation-name: p247;
}

#p248 {
  animation-name: p248;
}

#p249 {
  animation-name: p249;
}

#p250 {
  animation-name: p250;
}

#p251 {
  animation-name: p251;
}

#p252 {
  animation-name: p252;
}

#p253 {
  animation-name: p253;
}

#p254 {
  animation-name: p254;
}

#p255 {
  animation-name: p255;
}

#p256 {
  animation-name: p256;
}

#p257 {
  animation-name: p257;
}

#p258 {
  animation-name: p258;
}

#p259 {
  animation-name: p259;
}

#p260 {
  animation-name: p260;
}

#p261 {
  animation-name: p261;
}

#p262 {
  animation-name: p262;
}

#p263 {
  animation-name: p263;
}

#p264 {
  animation-name: p264;
}

#p265 {
  animation-name: p265;
}

#p266 {
  animation-name: p266;
}

#p267 {
  animation-name: p267;
}

#p268 {
  animation-name: p268;
}

#p269 {
  animation-name: p269;
}

#p270 {
  animation-name: p270;
}

#p271 {
  animation-name: p271;
}

#p272 {
  animation-name: p272;
}

#p273 {
  animation-name: p273;
}

#p274 {
  animation-name: p274;
}

#p275 {
  animation-name: p275;
}

#p276 {
  animation-name: p276;
}

#p277 {
  animation-name: p277;
}

#p278 {
  animation-name: p278;
}

#p279 {
  animation-name: p279;
}

#p280 {
  animation-name: p280;
}

#p281 {
  animation-name: p281;
}

#p282 {
  animation-name: p282;
}

#p283 {
  animation-name: p283;
}

#p284 {
  animation-name: p284;
}

#p285 {
  animation-name: p285;
}

#p286 {
  animation-name: p286;
}

#p287 {
  animation-name: p287;
}

#p288 {
  animation-name: p288;
}

#p289 {
  animation-name: p289;
}

#p290 {
  animation-name: p290;
}

#p291 {
  animation-name: p291;
}

#p292 {
  animation-name: p292;
}

#p293 {
  animation-name: p293;
}

#p294 {
  animation-name: p294;
}

#p295 {
  animation-name: p295;
}

#p296 {
  animation-name: p296;
}

#p297 {
  animation-name: p297;
}

#p298 {
  animation-name: p298;
}

#p299 {
  animation-name: p299;
}

#p300 {
  animation-name: p300;
}

#p301 {
  animation-name: p301;
}

#p302 {
  animation-name: p302;
}

#p303 {
  animation-name: p303;
}

#p304 {
  animation-name: p304;
}

#p305 {
  animation-name: p305;
}

#p306 {
  animation-name: p306;
}

#p307 {
  animation-name: p307;
}

#p308 {
  animation-name: p308;
}

#p309 {
  animation-name: p309;
}

#p310 {
  animation-name: p310;
}

#p311 {
  animation-name: p311;
}

#p312 {
  animation-name: p312;
}

#p313 {
  animation-name: p313;
}

#p314 {
  animation-name: p314;
}

#p315 {
  animation-name: p315;
}

#p316 {
  animation-name: p316;
}

#p317 {
  animation-name: p317;
}

#p318 {
  animation-name: p318;
}

#p319 {
  animation-name: p319;
}

#p320 {
  animation-name: p320;
}

#p321 {
  animation-name: p321;
}

#p322 {
  animation-name: p322;
}

#p323 {
  animation-name: p323;
}

#p324 {
  animation-name: p324;
}

#p325 {
  animation-name: p325;
}

#p326 {
  animation-name: p326;
}

#p327 {
  animation-name: p327;
}

#p328 {
  animation-name: p328;
}

#p329 {
  animation-name: p329;
}

#p330 {
  animation-name: p330;
}

#p331 {
  animation-name: p331;
}

#p332 {
  animation-name: p332;
}

#p333 {
  animation-name: p333;
}

#p334 {
  animation-name: p334;
}

#p335 {
  animation-name: p335;
}

#p336 {
  animation-name: p336;
}

#p337 {
  animation-name: p337;
}

#p338 {
  animation-name: p338;
}

#p339 {
  animation-name: p339;
}

#p340 {
  animation-name: p340;
}

#p341 {
  animation-name: p341;
}

#p342 {
  animation-name: p342;
}

#p343 {
  animation-name: p343;
}

#p344 {
  animation-name: p344;
}

#p345 {
  animation-name: p345;
}

#p346 {
  animation-name: p346;
}

#p347 {
  animation-name: p347;
}

#p348 {
  animation-name: p348;
}

#p349 {
  animation-name: p349;
}

#p350 {
  animation-name: p350;
}

#p351 {
  animation-name: p351;
}

#p352 {
  animation-name: p352;
}

#p353 {
  animation-name: p353;
}

#p354 {
  animation-name: p354;
}

#p355 {
  animation-name: p355;
}

#p356 {
  animation-name: p356;
}

#p357 {
  animation-name: p357;
}

#p358 {
  animation-name: p358;
}

#p359 {
  animation-name: p359;
}

#p360 {
  animation-name: p360;
}

#p361 {
  animation-name: p361;
}

#p362 {
  animation-name: p362;
}

#p363 {
  animation-name: p363;
}

#p364 {
  animation-name: p364;
}

#p365 {
  animation-name: p365;
}

#p366 {
  animation-name: p366;
}

#p367 {
  animation-name: p367;
}

#p368 {
  animation-name: p368;
}

#p369 {
  animation-name: p369;
}

#p370 {
  animation-name: p370;
}

#p371 {
  animation-name: p371;
}

#p372 {
  animation-name: p372;
}

#p373 {
  animation-name: p373;
}

#p374 {
  animation-name: p374;
}

#p375 {
  animation-name: p375;
}

#p376 {
  animation-name: p376;
}

#p377 {
  animation-name: p377;
}

#p378 {
  animation-name: p378;
}

#p379 {
  animation-name: p379;
}

#p380 {
  animation-name: p380;
}

#p381 {
  animation-name: p381;
}

#p382 {
  animation-name: p382;
}

#p383 {
  animation-name: p383;
}

#p384 {
  animation-name: p384;
}

#p385 {
  animation-name: p385;
}

#p386 {
  animation-name: p386;
}

#p387 {
  animation-name: p387;
}

#p388 {
  animation-name: p388;
}

#p389 {
  animation-name: p389;
}

#p390 {
  animation-name: p390;
}

#p391 {
  animation-name: p391;
}

#p392 {
  animation-name: p392;
}

#p393 {
  animation-name: p393;
}

#p394 {
  animation-name: p394;
}

#p395 {
  animation-name: p395;
}

#p396 {
  animation-name: p396;
}

#p397 {
  animation-name: p397;
}

#p398 {
  animation-name: p398;
}

#p399 {
  animation-name: p399;
}

#p400 {
  animation-name: p400;
}


#p401 {
  animation-name: p401;
}

#p402 {
  animation-name: p402;
}

#p403 {
  animation-name: p403;
}

#p404 {
  animation-name: p404;
}

#p405 {
  animation-name: p405;
}

#p406 {
  animation-name: p406;
}

#p407 {
  animation-name: p407;
}

#p408 {
  animation-name: p408;
}

#p409 {
  animation-name: p409;
}

#p410 {
  animation-name: p410;
}

#p411 {
  animation-name: p411;
}

#p412 {
  animation-name: p412;
}

#p413 {
  animation-name: p413;
}

#p414 {
  animation-name: p414;
}

#p415 {
  animation-name: p415;
}

#p416 {
  animation-name: p416;
}

#p417 {
  animation-name: p417;
}

#p418 {
  animation-name: p418;
}

#p419 {
  animation-name: p419;
}

#p420 {
  animation-name: p420;
}

#p421 {
  animation-name: p421;
}

#p422 {
  animation-name: p422;
}

#p423 {
  animation-name: p423;
}

#p424 {
  animation-name: p424;
}

#p425 {
  animation-name: p425;
}

#p426 {
  animation-name: p426;
}

#p427 {
  animation-name: p427;
}

#p428 {
  animation-name: p428;
}

#p429 {
  animation-name: p429;
}

#p430 {
  animation-name: p430;
}

#p431 {
  animation-name: p431;
}

#p432 {
  animation-name: p432;
}

#p433 {
  animation-name: p433;
}

#p434 {
  animation-name: p434;
}

#p435 {
  animation-name: p435;
}

#p436 {
  animation-name: p436;
}

#p437 {
  animation-name: p437;
}

#p438 {
  animation-name: p438;
}

#p439 {
  animation-name: p439;
}

#p440 {
  animation-name: p440;
}

#p441 {
  animation-name: p441;
}

#p442 {
  animation-name: p442;
}

#p443 {
  animation-name: p443;
}

#p444 {
  animation-name: p444;
}

#p445 {
  animation-name: p445;
}

#p446 {
  animation-name: p446;
}

#p447 {
  animation-name: p447;
}

#p448 {
  animation-name: p448;
}

#p449 {
  animation-name: p449;
}

#p450 {
  animation-name: p450;
}

#p451 {
  animation-name: p451;
}

#p452 {
  animation-name: p452;
}

#p453 {
  animation-name: p453;
}

#p454 {
  animation-name: p454;
}

#p455 {
  animation-name: p455;
}

#p456 {
  animation-name: p456;
}

#p457 {
  animation-name: p457;
}

#p458 {
  animation-name: p458;
}

#p459 {
  animation-name: p459;
}

#p460 {
  animation-name: p460;
}

#p461 {
  animation-name: p461;
}

#p462 {
  animation-name: p462;
}

#p463 {
  animation-name: p463;
}

#p464 {
  animation-name: p464;
}

#p465 {
  animation-name: p465;
}

#p466 {
  animation-name: p466;
}

#p467 {
  animation-name: p467;
}

#p468 {
  animation-name: p468;
  --color: blue;
}