body {
    background-color: #000000;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    perspective: 800px;
  }
.video-background {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: -1; /* Make sure the video stays behind other content */
  }
  
  .video-background video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  div {
    transform-style: preserve-3d;
  }
  
  #ui .text {
    position: absolute;
    font-size: 8rem;
    color: #fff;
    line-height: 8rem;
    opacity: 0;
    font-family: "Anton", sans-serif;
    transform: translate(-50%, -50%);
    mix-blend-mode: screen;
  }
  #ui .text:nth-child(1) {
    color: #fd3203;
    -webkit-clip-path: polygon(0% 0%, 0% 50%, 10% 50%);
            clip-path: polygon(0% 0%, 0% 50%, 10% 50%);
    transform-origin: -25% -9%;
    -webkit-animation: fly1 5000ms 0ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly1 5000ms 0ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly1 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-428deg) rotateY(-6deg) rotateZ(-83deg) translateZ(-289px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-428deg) rotateY(-6deg) rotateZ(-83deg) translateZ(-289px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly1 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-428deg) rotateY(-6deg) rotateZ(-83deg) translateZ(-289px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-428deg) rotateY(-6deg) rotateZ(-83deg) translateZ(-289px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(2) {
    color: #fb3106;
    -webkit-clip-path: polygon(0% 0%, 10% 0%, 10% 50%);
            clip-path: polygon(0% 0%, 10% 0%, 10% 50%);
    transform-origin: 10% -17%;
    -webkit-animation: fly2 5000ms 40ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly2 5000ms 40ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly2 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-95deg) rotateY(442deg) rotateZ(260deg) translateZ(-1463px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-95deg) rotateY(442deg) rotateZ(260deg) translateZ(-1463px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly2 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-95deg) rotateY(442deg) rotateZ(260deg) translateZ(-1463px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-95deg) rotateY(442deg) rotateZ(260deg) translateZ(-1463px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(3) {
    color: #f93109;
    -webkit-clip-path: polygon(10% 0%, 10% 50%, 20% 50%);
            clip-path: polygon(10% 0%, 10% 50%, 20% 50%);
    transform-origin: 8% 41%;
    -webkit-animation: fly3 5000ms 80ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly3 5000ms 80ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly3 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-251deg) rotateY(-385deg) rotateZ(357deg) translateZ(-868px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-251deg) rotateY(-385deg) rotateZ(357deg) translateZ(-868px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly3 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-251deg) rotateY(-385deg) rotateZ(357deg) translateZ(-868px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-251deg) rotateY(-385deg) rotateZ(357deg) translateZ(-868px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(4) {
    color: #f7300c;
    -webkit-clip-path: polygon(10% 0%, 20% 0%, 20% 50%);
            clip-path: polygon(10% 0%, 20% 0%, 20% 50%);
    transform-origin: 50% 31%;
    -webkit-animation: fly4 5000ms 120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly4 5000ms 120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly4 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(253deg) rotateY(-360deg) rotateZ(259deg) translateZ(-1525px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(253deg) rotateY(-360deg) rotateZ(259deg) translateZ(-1525px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly4 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(253deg) rotateY(-360deg) rotateZ(259deg) translateZ(-1525px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(253deg) rotateY(-360deg) rotateZ(259deg) translateZ(-1525px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(5) {
    color: #f5300f;
    -webkit-clip-path: polygon(20% 0%, 20% 50%, 30% 50%);
            clip-path: polygon(20% 0%, 20% 50%, 30% 50%);
    transform-origin: 60% -19%;
    -webkit-animation: fly5 5000ms 160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly5 5000ms 160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly5 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-86deg) rotateY(479deg) rotateZ(18deg) translateZ(-1788px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-86deg) rotateY(479deg) rotateZ(18deg) translateZ(-1788px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly5 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-86deg) rotateY(479deg) rotateZ(18deg) translateZ(-1788px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-86deg) rotateY(479deg) rotateZ(18deg) translateZ(-1788px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(6) {
    color: #f32f12;
    -webkit-clip-path: polygon(20% 0%, 30% 0%, 30% 50%);
            clip-path: polygon(20% 0%, 30% 0%, 30% 50%);
    transform-origin: -23% 22%;
    -webkit-animation: fly6 5000ms 200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly6 5000ms 200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly6 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(196deg) rotateY(285deg) rotateZ(326deg) translateZ(-1450px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(196deg) rotateY(285deg) rotateZ(326deg) translateZ(-1450px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly6 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(196deg) rotateY(285deg) rotateZ(326deg) translateZ(-1450px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(196deg) rotateY(285deg) rotateZ(326deg) translateZ(-1450px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(7) {
    color: #f12f15;
    -webkit-clip-path: polygon(30% 0%, 30% 50%, 40% 50%);
            clip-path: polygon(30% 0%, 30% 50%, 40% 50%);
    transform-origin: 39% -7%;
    -webkit-animation: fly7 5000ms 240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly7 5000ms 240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly7 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-122deg) rotateY(449deg) rotateZ(325deg) translateZ(-1096px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-122deg) rotateY(449deg) rotateZ(325deg) translateZ(-1096px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly7 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-122deg) rotateY(449deg) rotateZ(325deg) translateZ(-1096px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-122deg) rotateY(449deg) rotateZ(325deg) translateZ(-1096px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(8) {
    color: #ef2e18;
    -webkit-clip-path: polygon(30% 0%, 40% 0%, 40% 50%);
            clip-path: polygon(30% 0%, 40% 0%, 40% 50%);
    transform-origin: 53% 27%;
    -webkit-animation: fly8 5000ms 280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly8 5000ms 280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly8 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-23deg) rotateY(367deg) rotateZ(270deg) translateZ(38px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-23deg) rotateY(367deg) rotateZ(270deg) translateZ(38px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly8 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-23deg) rotateY(367deg) rotateZ(270deg) translateZ(38px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-23deg) rotateY(367deg) rotateZ(270deg) translateZ(38px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(9) {
    color: #ed2e1b;
    -webkit-clip-path: polygon(40% 0%, 40% 50%, 50% 50%);
            clip-path: polygon(40% 0%, 40% 50%, 50% 50%);
    transform-origin: 65% 39%;
    -webkit-animation: fly9 5000ms 320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly9 5000ms 320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly9 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(146deg) rotateY(-166deg) rotateZ(-344deg) translateZ(-989px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(146deg) rotateY(-166deg) rotateZ(-344deg) translateZ(-989px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly9 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(146deg) rotateY(-166deg) rotateZ(-344deg) translateZ(-989px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(146deg) rotateY(-166deg) rotateZ(-344deg) translateZ(-989px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(10) {
    color: #eb2d1e;
    -webkit-clip-path: polygon(40% 0%, 50% 0%, 50% 50%);
            clip-path: polygon(40% 0%, 50% 0%, 50% 50%);
    transform-origin: 78% 2%;
    -webkit-animation: fly10 5000ms 360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly10 5000ms 360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly10 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-244deg) rotateY(-135deg) rotateZ(-38deg) translateZ(-230px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-244deg) rotateY(-135deg) rotateZ(-38deg) translateZ(-230px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly10 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-244deg) rotateY(-135deg) rotateZ(-38deg) translateZ(-230px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-244deg) rotateY(-135deg) rotateZ(-38deg) translateZ(-230px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(11) {
    color: #e92d21;
    -webkit-clip-path: polygon(50% 0%, 50% 50%, 60% 50%);
            clip-path: polygon(50% 0%, 50% 50%, 60% 50%);
    transform-origin: 21% 10%;
    -webkit-animation: fly11 5000ms 400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly11 5000ms 400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly11 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-364deg) rotateY(119deg) rotateZ(-494deg) translateZ(280px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-364deg) rotateY(119deg) rotateZ(-494deg) translateZ(280px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly11 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-364deg) rotateY(119deg) rotateZ(-494deg) translateZ(280px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-364deg) rotateY(119deg) rotateZ(-494deg) translateZ(280px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(12) {
    color: #e72c24;
    -webkit-clip-path: polygon(50% 0%, 60% 0%, 60% 50%);
            clip-path: polygon(50% 0%, 60% 0%, 60% 50%);
    transform-origin: 83% 12%;
    -webkit-animation: fly12 5000ms 440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly12 5000ms 440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly12 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-284deg) rotateY(416deg) rotateZ(-144deg) translateZ(-2262px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-284deg) rotateY(416deg) rotateZ(-144deg) translateZ(-2262px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly12 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-284deg) rotateY(416deg) rotateZ(-144deg) translateZ(-2262px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-284deg) rotateY(416deg) rotateZ(-144deg) translateZ(-2262px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(13) {
    color: #e52c27;
    -webkit-clip-path: polygon(60% 0%, 60% 50%, 70% 50%);
            clip-path: polygon(60% 0%, 60% 50%, 70% 50%);
    transform-origin: 15% 0%;
    -webkit-animation: fly13 5000ms 480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly13 5000ms 480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly13 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(382deg) rotateY(5deg) rotateZ(390deg) translateZ(-1327px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(382deg) rotateY(5deg) rotateZ(390deg) translateZ(-1327px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly13 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(382deg) rotateY(5deg) rotateZ(390deg) translateZ(-1327px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(382deg) rotateY(5deg) rotateZ(390deg) translateZ(-1327px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(14) {
    color: #e32b2a;
    -webkit-clip-path: polygon(60% 0%, 70% 0%, 70% 50%);
            clip-path: polygon(60% 0%, 70% 0%, 70% 50%);
    transform-origin: 84% 25%;
    -webkit-animation: fly14 5000ms 520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly14 5000ms 520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly14 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-159deg) rotateY(-269deg) rotateZ(-480deg) translateZ(377px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-159deg) rotateY(-269deg) rotateZ(-480deg) translateZ(377px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly14 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-159deg) rotateY(-269deg) rotateZ(-480deg) translateZ(377px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-159deg) rotateY(-269deg) rotateZ(-480deg) translateZ(377px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(15) {
    color: #e12b2d;
    -webkit-clip-path: polygon(70% 0%, 70% 50%, 80% 50%);
            clip-path: polygon(70% 0%, 70% 50%, 80% 50%);
    transform-origin: 57% -48%;
    -webkit-animation: fly15 5000ms 560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly15 5000ms 560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly15 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(148deg) rotateY(-196deg) rotateZ(261deg) translateZ(-1469px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(148deg) rotateY(-196deg) rotateZ(261deg) translateZ(-1469px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly15 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(148deg) rotateY(-196deg) rotateZ(261deg) translateZ(-1469px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(148deg) rotateY(-196deg) rotateZ(261deg) translateZ(-1469px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(16) {
    color: #df2a30;
    -webkit-clip-path: polygon(70% 0%, 80% 0%, 80% 50%);
            clip-path: polygon(70% 0%, 80% 0%, 80% 50%);
    transform-origin: 102% 23%;
    -webkit-animation: fly16 5000ms 600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly16 5000ms 600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly16 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-284deg) rotateY(448deg) rotateZ(20deg) translateZ(-321px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-284deg) rotateY(448deg) rotateZ(20deg) translateZ(-321px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly16 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-284deg) rotateY(448deg) rotateZ(20deg) translateZ(-321px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-284deg) rotateY(448deg) rotateZ(20deg) translateZ(-321px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(17) {
    color: #dd2a33;
    -webkit-clip-path: polygon(80% 0%, 80% 50%, 90% 50%);
            clip-path: polygon(80% 0%, 80% 50%, 90% 50%);
    transform-origin: 56% 35%;
    -webkit-animation: fly17 5000ms 640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly17 5000ms 640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly17 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-356deg) rotateY(-453deg) rotateZ(301deg) translateZ(-658px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-356deg) rotateY(-453deg) rotateZ(301deg) translateZ(-658px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly17 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-356deg) rotateY(-453deg) rotateZ(301deg) translateZ(-658px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-356deg) rotateY(-453deg) rotateZ(301deg) translateZ(-658px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(18) {
    color: #db2936;
    -webkit-clip-path: polygon(80% 0%, 90% 0%, 90% 50%);
            clip-path: polygon(80% 0%, 90% 0%, 90% 50%);
    transform-origin: 107% 48%;
    -webkit-animation: fly18 5000ms 680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly18 5000ms 680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly18 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(466deg) rotateY(-14deg) rotateZ(-492deg) translateZ(486px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(466deg) rotateY(-14deg) rotateZ(-492deg) translateZ(486px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly18 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(466deg) rotateY(-14deg) rotateZ(-492deg) translateZ(486px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(466deg) rotateY(-14deg) rotateZ(-492deg) translateZ(486px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(19) {
    color: #d92939;
    -webkit-clip-path: polygon(90% 0%, 90% 50%, 100% 50%);
            clip-path: polygon(90% 0%, 90% 50%, 100% 50%);
    transform-origin: 103% -24%;
    -webkit-animation: fly19 5000ms 720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly19 5000ms 720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly19 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(36deg) rotateY(333deg) rotateZ(178deg) translateZ(-661px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(36deg) rotateY(333deg) rotateZ(178deg) translateZ(-661px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly19 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(36deg) rotateY(333deg) rotateZ(178deg) translateZ(-661px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(36deg) rotateY(333deg) rotateZ(178deg) translateZ(-661px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(20) {
    color: #d7283c;
    -webkit-clip-path: polygon(90% 0%, 100% 0%, 100% 50%);
            clip-path: polygon(90% 0%, 100% 0%, 100% 50%);
    transform-origin: 52% 32%;
    -webkit-animation: fly20 5000ms 760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly20 5000ms 760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly20 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(448deg) rotateY(-34deg) rotateZ(-37deg) translateZ(-1649px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(448deg) rotateY(-34deg) rotateZ(-37deg) translateZ(-1649px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly20 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(448deg) rotateY(-34deg) rotateZ(-37deg) translateZ(-1649px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(448deg) rotateY(-34deg) rotateZ(-37deg) translateZ(-1649px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(21) {
    color: #d5283f;
    -webkit-clip-path: polygon(0% 50%, 0% 100%, 10% 100%);
            clip-path: polygon(0% 50%, 0% 100%, 10% 100%);
    transform-origin: -29% 38%;
    -webkit-animation: fly21 5000ms 800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly21 5000ms 800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly21 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-156deg) rotateY(-458deg) rotateZ(-337deg) translateZ(-2335px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-156deg) rotateY(-458deg) rotateZ(-337deg) translateZ(-2335px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly21 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-156deg) rotateY(-458deg) rotateZ(-337deg) translateZ(-2335px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-156deg) rotateY(-458deg) rotateZ(-337deg) translateZ(-2335px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(22) {
    color: #d32742;
    -webkit-clip-path: polygon(0% 50%, 10% 50%, 10% 100%);
            clip-path: polygon(0% 50%, 10% 50%, 10% 100%);
    transform-origin: -28% 98%;
    -webkit-animation: fly22 5000ms 840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly22 5000ms 840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly22 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(58deg) rotateY(138deg) rotateZ(-30deg) translateZ(-145px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(58deg) rotateY(138deg) rotateZ(-30deg) translateZ(-145px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly22 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(58deg) rotateY(138deg) rotateZ(-30deg) translateZ(-145px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(58deg) rotateY(138deg) rotateZ(-30deg) translateZ(-145px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(23) {
    color: #d12745;
    -webkit-clip-path: polygon(10% 50%, 10% 100%, 20% 100%);
            clip-path: polygon(10% 50%, 10% 100%, 20% 100%);
    transform-origin: 4% 33%;
    -webkit-animation: fly23 5000ms 880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly23 5000ms 880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly23 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-214deg) rotateY(53deg) rotateZ(-199deg) translateZ(-1972px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-214deg) rotateY(53deg) rotateZ(-199deg) translateZ(-1972px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly23 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-214deg) rotateY(53deg) rotateZ(-199deg) translateZ(-1972px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-214deg) rotateY(53deg) rotateZ(-199deg) translateZ(-1972px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(24) {
    color: #cf2648;
    -webkit-clip-path: polygon(10% 50%, 20% 50%, 20% 100%);
            clip-path: polygon(10% 50%, 20% 50%, 20% 100%);
    transform-origin: -36% 61%;
    -webkit-animation: fly24 5000ms 920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly24 5000ms 920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly24 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-194deg) rotateY(-303deg) rotateZ(-379deg) translateZ(-398px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-194deg) rotateY(-303deg) rotateZ(-379deg) translateZ(-398px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly24 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-194deg) rotateY(-303deg) rotateZ(-379deg) translateZ(-398px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-194deg) rotateY(-303deg) rotateZ(-379deg) translateZ(-398px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(25) {
    color: #cd264b;
    -webkit-clip-path: polygon(20% 50%, 20% 100%, 30% 100%);
            clip-path: polygon(20% 50%, 20% 100%, 30% 100%);
    transform-origin: -9% 31%;
    -webkit-animation: fly25 5000ms 960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly25 5000ms 960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly25 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-33deg) rotateY(300deg) rotateZ(122deg) translateZ(43px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-33deg) rotateY(300deg) rotateZ(122deg) translateZ(43px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly25 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-33deg) rotateY(300deg) rotateZ(122deg) translateZ(43px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-33deg) rotateY(300deg) rotateZ(122deg) translateZ(43px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(26) {
    color: #cb254e;
    -webkit-clip-path: polygon(20% 50%, 30% 50%, 30% 100%);
            clip-path: polygon(20% 50%, 30% 50%, 30% 100%);
    transform-origin: 33% 91%;
    -webkit-animation: fly26 5000ms 1000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly26 5000ms 1000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly26 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-113deg) rotateY(-318deg) rotateZ(32deg) translateZ(242px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-113deg) rotateY(-318deg) rotateZ(32deg) translateZ(242px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly26 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-113deg) rotateY(-318deg) rotateZ(32deg) translateZ(242px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-113deg) rotateY(-318deg) rotateZ(32deg) translateZ(242px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(27) {
    color: #c92551;
    -webkit-clip-path: polygon(30% 50%, 30% 100%, 40% 100%);
            clip-path: polygon(30% 50%, 30% 100%, 40% 100%);
    transform-origin: 36% 98%;
    -webkit-animation: fly27 5000ms 1040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly27 5000ms 1040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly27 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(40deg) rotateY(-1deg) rotateZ(-388deg) translateZ(271px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(40deg) rotateY(-1deg) rotateZ(-388deg) translateZ(271px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly27 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(40deg) rotateY(-1deg) rotateZ(-388deg) translateZ(271px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(40deg) rotateY(-1deg) rotateZ(-388deg) translateZ(271px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(28) {
    color: #c72454;
    -webkit-clip-path: polygon(30% 50%, 40% 50%, 40% 100%);
            clip-path: polygon(30% 50%, 40% 50%, 40% 100%);
    transform-origin: -9% 98%;
    -webkit-animation: fly28 5000ms 1080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly28 5000ms 1080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly28 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-181deg) rotateY(407deg) rotateZ(-381deg) translateZ(-1870px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-181deg) rotateY(407deg) rotateZ(-381deg) translateZ(-1870px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly28 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-181deg) rotateY(407deg) rotateZ(-381deg) translateZ(-1870px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-181deg) rotateY(407deg) rotateZ(-381deg) translateZ(-1870px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(29) {
    color: #c52457;
    -webkit-clip-path: polygon(40% 50%, 40% 100%, 50% 100%);
            clip-path: polygon(40% 50%, 40% 100%, 50% 100%);
    transform-origin: 59% 56%;
    -webkit-animation: fly29 5000ms 1120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly29 5000ms 1120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly29 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(140deg) rotateY(227deg) rotateZ(351deg) translateZ(-1692px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(140deg) rotateY(227deg) rotateZ(351deg) translateZ(-1692px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly29 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(140deg) rotateY(227deg) rotateZ(351deg) translateZ(-1692px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(140deg) rotateY(227deg) rotateZ(351deg) translateZ(-1692px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(30) {
    color: #c3235a;
    -webkit-clip-path: polygon(40% 50%, 50% 50%, 50% 100%);
            clip-path: polygon(40% 50%, 50% 50%, 50% 100%);
    transform-origin: 25% 48%;
    -webkit-animation: fly30 5000ms 1160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly30 5000ms 1160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly30 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(92deg) rotateY(167deg) rotateZ(-114deg) translateZ(-689px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(92deg) rotateY(167deg) rotateZ(-114deg) translateZ(-689px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly30 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(92deg) rotateY(167deg) rotateZ(-114deg) translateZ(-689px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(92deg) rotateY(167deg) rotateZ(-114deg) translateZ(-689px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(31) {
    color: #c1235d;
    -webkit-clip-path: polygon(50% 50%, 50% 100%, 60% 100%);
            clip-path: polygon(50% 50%, 50% 100%, 60% 100%);
    transform-origin: 43% 2%;
    -webkit-animation: fly31 5000ms 1200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly31 5000ms 1200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly31 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-216deg) rotateY(198deg) rotateZ(480deg) translateZ(-408px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-216deg) rotateY(198deg) rotateZ(480deg) translateZ(-408px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly31 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-216deg) rotateY(198deg) rotateZ(480deg) translateZ(-408px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-216deg) rotateY(198deg) rotateZ(480deg) translateZ(-408px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(32) {
    color: #bf2260;
    -webkit-clip-path: polygon(50% 50%, 60% 50%, 60% 100%);
            clip-path: polygon(50% 50%, 60% 50%, 60% 100%);
    transform-origin: 99% 38%;
    -webkit-animation: fly32 5000ms 1240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly32 5000ms 1240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly32 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-317deg) rotateY(393deg) rotateZ(-164deg) translateZ(-39px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-317deg) rotateY(393deg) rotateZ(-164deg) translateZ(-39px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly32 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-317deg) rotateY(393deg) rotateZ(-164deg) translateZ(-39px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-317deg) rotateY(393deg) rotateZ(-164deg) translateZ(-39px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(33) {
    color: #bd2263;
    -webkit-clip-path: polygon(60% 50%, 60% 100%, 70% 100%);
            clip-path: polygon(60% 50%, 60% 100%, 70% 100%);
    transform-origin: 93% 24%;
    -webkit-animation: fly33 5000ms 1280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly33 5000ms 1280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly33 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(305deg) rotateY(65deg) rotateZ(-356deg) translateZ(-1195px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(305deg) rotateY(65deg) rotateZ(-356deg) translateZ(-1195px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly33 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(305deg) rotateY(65deg) rotateZ(-356deg) translateZ(-1195px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(305deg) rotateY(65deg) rotateZ(-356deg) translateZ(-1195px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(34) {
    color: #bb2166;
    -webkit-clip-path: polygon(60% 50%, 70% 50%, 70% 100%);
            clip-path: polygon(60% 50%, 70% 50%, 70% 100%);
    transform-origin: 16% 6%;
    -webkit-animation: fly34 5000ms 1320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly34 5000ms 1320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly34 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-202deg) rotateY(195deg) rotateZ(261deg) translateZ(-2034px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-202deg) rotateY(195deg) rotateZ(261deg) translateZ(-2034px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly34 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-202deg) rotateY(195deg) rotateZ(261deg) translateZ(-2034px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-202deg) rotateY(195deg) rotateZ(261deg) translateZ(-2034px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(35) {
    color: #b92169;
    -webkit-clip-path: polygon(70% 50%, 70% 100%, 80% 100%);
            clip-path: polygon(70% 50%, 70% 100%, 80% 100%);
    transform-origin: 86% 54%;
    -webkit-animation: fly35 5000ms 1360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly35 5000ms 1360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly35 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-182deg) rotateY(450deg) rotateZ(264deg) translateZ(-860px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-182deg) rotateY(450deg) rotateZ(264deg) translateZ(-860px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly35 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-182deg) rotateY(450deg) rotateZ(264deg) translateZ(-860px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-182deg) rotateY(450deg) rotateZ(264deg) translateZ(-860px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(36) {
    color: #b7206c;
    -webkit-clip-path: polygon(70% 50%, 80% 50%, 80% 100%);
            clip-path: polygon(70% 50%, 80% 50%, 80% 100%);
    transform-origin: 107% 48%;
    -webkit-animation: fly36 5000ms 1400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly36 5000ms 1400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly36 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(321deg) rotateY(-354deg) rotateZ(-14deg) translateZ(-2287px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(321deg) rotateY(-354deg) rotateZ(-14deg) translateZ(-2287px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly36 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(321deg) rotateY(-354deg) rotateZ(-14deg) translateZ(-2287px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(321deg) rotateY(-354deg) rotateZ(-14deg) translateZ(-2287px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(37) {
    color: #b5206f;
    -webkit-clip-path: polygon(80% 50%, 80% 100%, 90% 100%);
            clip-path: polygon(80% 50%, 80% 100%, 90% 100%);
    transform-origin: 65% 39%;
    -webkit-animation: fly37 5000ms 1440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly37 5000ms 1440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly37 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-349deg) rotateY(-447deg) rotateZ(-253deg) translateZ(-358px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-349deg) rotateY(-447deg) rotateZ(-253deg) translateZ(-358px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly37 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-349deg) rotateY(-447deg) rotateZ(-253deg) translateZ(-358px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-349deg) rotateY(-447deg) rotateZ(-253deg) translateZ(-358px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(38) {
    color: #b31f72;
    -webkit-clip-path: polygon(80% 50%, 90% 50%, 90% 100%);
            clip-path: polygon(80% 50%, 90% 50%, 90% 100%);
    transform-origin: 38% 38%;
    -webkit-animation: fly38 5000ms 1480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly38 5000ms 1480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly38 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(61deg) rotateY(268deg) rotateZ(-83deg) translateZ(-1426px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(61deg) rotateY(268deg) rotateZ(-83deg) translateZ(-1426px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly38 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(61deg) rotateY(268deg) rotateZ(-83deg) translateZ(-1426px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(61deg) rotateY(268deg) rotateZ(-83deg) translateZ(-1426px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(39) {
    color: #b11f75;
    -webkit-clip-path: polygon(90% 50%, 90% 100%, 100% 100%);
            clip-path: polygon(90% 50%, 90% 100%, 100% 100%);
    transform-origin: 103% 11%;
    -webkit-animation: fly39 5000ms 1520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly39 5000ms 1520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly39 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(80deg) rotateY(-79deg) rotateZ(277deg) translateZ(137px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(80deg) rotateY(-79deg) rotateZ(277deg) translateZ(137px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly39 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(80deg) rotateY(-79deg) rotateZ(277deg) translateZ(137px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(80deg) rotateY(-79deg) rotateZ(277deg) translateZ(137px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(40) {
    color: #af1e78;
    -webkit-clip-path: polygon(90% 50%, 100% 50%, 100% 100%);
            clip-path: polygon(90% 50%, 100% 50%, 100% 100%);
    transform-origin: 95% 8%;
    -webkit-animation: fly40 5000ms 1560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly40 5000ms 1560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly40 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(445deg) rotateY(71deg) rotateZ(-177deg) translateZ(-825px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(445deg) rotateY(71deg) rotateZ(-177deg) translateZ(-825px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly40 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(445deg) rotateY(71deg) rotateZ(-177deg) translateZ(-825px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(445deg) rotateY(71deg) rotateZ(-177deg) translateZ(-825px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(41) {
    color: #ad1e7b;
    -webkit-clip-path: polygon(0% 100%, 0% 150%, 10% 150%);
            clip-path: polygon(0% 100%, 0% 150%, 10% 150%);
    transform-origin: -47% 123%;
    -webkit-animation: fly41 5000ms 1600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly41 5000ms 1600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly41 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(195deg) rotateY(-73deg) rotateZ(-170deg) translateZ(-1587px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(195deg) rotateY(-73deg) rotateZ(-170deg) translateZ(-1587px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly41 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(195deg) rotateY(-73deg) rotateZ(-170deg) translateZ(-1587px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(195deg) rotateY(-73deg) rotateZ(-170deg) translateZ(-1587px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(42) {
    color: #ab1d7e;
    -webkit-clip-path: polygon(0% 100%, 10% 100%, 10% 150%);
            clip-path: polygon(0% 100%, 10% 100%, 10% 150%);
    transform-origin: 14% 55%;
    -webkit-animation: fly42 5000ms 1640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly42 5000ms 1640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly42 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-280deg) rotateY(58deg) rotateZ(34deg) translateZ(-158px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-280deg) rotateY(58deg) rotateZ(34deg) translateZ(-158px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly42 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-280deg) rotateY(58deg) rotateZ(34deg) translateZ(-158px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-280deg) rotateY(58deg) rotateZ(34deg) translateZ(-158px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(43) {
    color: #a91d81;
    -webkit-clip-path: polygon(10% 100%, 10% 150%, 20% 150%);
            clip-path: polygon(10% 100%, 10% 150%, 20% 150%);
    transform-origin: 42% 132%;
    -webkit-animation: fly43 5000ms 1680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly43 5000ms 1680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly43 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-430deg) rotateY(-406deg) rotateZ(342deg) translateZ(-412px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-430deg) rotateY(-406deg) rotateZ(342deg) translateZ(-412px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly43 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-430deg) rotateY(-406deg) rotateZ(342deg) translateZ(-412px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-430deg) rotateY(-406deg) rotateZ(342deg) translateZ(-412px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(44) {
    color: #a71c84;
    -webkit-clip-path: polygon(10% 100%, 20% 100%, 20% 150%);
            clip-path: polygon(10% 100%, 20% 100%, 20% 150%);
    transform-origin: -3% 77%;
    -webkit-animation: fly44 5000ms 1720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly44 5000ms 1720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly44 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-444deg) rotateY(-351deg) rotateZ(379deg) translateZ(-1536px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-444deg) rotateY(-351deg) rotateZ(379deg) translateZ(-1536px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly44 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-444deg) rotateY(-351deg) rotateZ(379deg) translateZ(-1536px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-444deg) rotateY(-351deg) rotateZ(379deg) translateZ(-1536px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(45) {
    color: #a51c87;
    -webkit-clip-path: polygon(20% 100%, 20% 150%, 30% 150%);
            clip-path: polygon(20% 100%, 20% 150%, 30% 150%);
    transform-origin: 58% 141%;
    -webkit-animation: fly45 5000ms 1760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly45 5000ms 1760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly45 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-313deg) rotateY(-303deg) rotateZ(90deg) translateZ(298px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-313deg) rotateY(-303deg) rotateZ(90deg) translateZ(298px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly45 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-313deg) rotateY(-303deg) rotateZ(90deg) translateZ(298px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-313deg) rotateY(-303deg) rotateZ(90deg) translateZ(298px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(46) {
    color: #a31b8a;
    -webkit-clip-path: polygon(20% 100%, 30% 100%, 30% 150%);
            clip-path: polygon(20% 100%, 30% 100%, 30% 150%);
    transform-origin: 26% 139%;
    -webkit-animation: fly46 5000ms 1800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly46 5000ms 1800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly46 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(390deg) rotateY(-205deg) rotateZ(-231deg) translateZ(-1067px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(390deg) rotateY(-205deg) rotateZ(-231deg) translateZ(-1067px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly46 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(390deg) rotateY(-205deg) rotateZ(-231deg) translateZ(-1067px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(390deg) rotateY(-205deg) rotateZ(-231deg) translateZ(-1067px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(47) {
    color: #a11b8d;
    -webkit-clip-path: polygon(30% 100%, 30% 150%, 40% 150%);
            clip-path: polygon(30% 100%, 30% 150%, 40% 150%);
    transform-origin: 64% 115%;
    -webkit-animation: fly47 5000ms 1840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly47 5000ms 1840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly47 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(6deg) rotateY(496deg) rotateZ(500deg) translateZ(-2203px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(6deg) rotateY(496deg) rotateZ(500deg) translateZ(-2203px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly47 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(6deg) rotateY(496deg) rotateZ(500deg) translateZ(-2203px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(6deg) rotateY(496deg) rotateZ(500deg) translateZ(-2203px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(48) {
    color: #9f1a90;
    -webkit-clip-path: polygon(30% 100%, 40% 100%, 40% 150%);
            clip-path: polygon(30% 100%, 40% 100%, 40% 150%);
    transform-origin: 25% 66%;
    -webkit-animation: fly48 5000ms 1880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly48 5000ms 1880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly48 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(489deg) rotateY(134deg) rotateZ(73deg) translateZ(-1624px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(489deg) rotateY(134deg) rotateZ(73deg) translateZ(-1624px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly48 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(489deg) rotateY(134deg) rotateZ(73deg) translateZ(-1624px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(489deg) rotateY(134deg) rotateZ(73deg) translateZ(-1624px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(49) {
    color: #9d1a93;
    -webkit-clip-path: polygon(40% 100%, 40% 150%, 50% 150%);
            clip-path: polygon(40% 100%, 40% 150%, 50% 150%);
    transform-origin: 36% 79%;
    -webkit-animation: fly49 5000ms 1920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly49 5000ms 1920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly49 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-364deg) rotateY(50deg) rotateZ(-173deg) translateZ(-2362px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-364deg) rotateY(50deg) rotateZ(-173deg) translateZ(-2362px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly49 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-364deg) rotateY(50deg) rotateZ(-173deg) translateZ(-2362px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-364deg) rotateY(50deg) rotateZ(-173deg) translateZ(-2362px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(50) {
    color: #9b1996;
    -webkit-clip-path: polygon(40% 100%, 50% 100%, 50% 150%);
            clip-path: polygon(40% 100%, 50% 100%, 50% 150%);
    transform-origin: 52% 148%;
    -webkit-animation: fly50 5000ms 1960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly50 5000ms 1960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly50 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-354deg) rotateY(459deg) rotateZ(345deg) translateZ(-1010px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-354deg) rotateY(459deg) rotateZ(345deg) translateZ(-1010px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly50 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-354deg) rotateY(459deg) rotateZ(345deg) translateZ(-1010px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-354deg) rotateY(459deg) rotateZ(345deg) translateZ(-1010px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(51) {
    color: #991999;
    -webkit-clip-path: polygon(50% 100%, 50% 150%, 60% 150%);
            clip-path: polygon(50% 100%, 50% 150%, 60% 150%);
    transform-origin: 45% 105%;
    -webkit-animation: fly51 5000ms 2000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly51 5000ms 2000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly51 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-418deg) rotateY(-366deg) rotateZ(-217deg) translateZ(252px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-418deg) rotateY(-366deg) rotateZ(-217deg) translateZ(252px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly51 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-418deg) rotateY(-366deg) rotateZ(-217deg) translateZ(252px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-418deg) rotateY(-366deg) rotateZ(-217deg) translateZ(252px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(52) {
    color: #97189c;
    -webkit-clip-path: polygon(50% 100%, 60% 100%, 60% 150%);
            clip-path: polygon(50% 100%, 60% 100%, 60% 150%);
    transform-origin: 39% 123%;
    -webkit-animation: fly52 5000ms 2040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly52 5000ms 2040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly52 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(444deg) rotateY(-70deg) rotateZ(-443deg) translateZ(469px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(444deg) rotateY(-70deg) rotateZ(-443deg) translateZ(469px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly52 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(444deg) rotateY(-70deg) rotateZ(-443deg) translateZ(469px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(444deg) rotateY(-70deg) rotateZ(-443deg) translateZ(469px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(53) {
    color: #95189f;
    -webkit-clip-path: polygon(60% 100%, 60% 150%, 70% 150%);
            clip-path: polygon(60% 100%, 60% 150%, 70% 150%);
    transform-origin: 93% 142%;
    -webkit-animation: fly53 5000ms 2080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly53 5000ms 2080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly53 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-452deg) rotateY(191deg) rotateZ(-83deg) translateZ(-426px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-452deg) rotateY(191deg) rotateZ(-83deg) translateZ(-426px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly53 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-452deg) rotateY(191deg) rotateZ(-83deg) translateZ(-426px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-452deg) rotateY(191deg) rotateZ(-83deg) translateZ(-426px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(54) {
    color: #9317a2;
    -webkit-clip-path: polygon(60% 100%, 70% 100%, 70% 150%);
            clip-path: polygon(60% 100%, 70% 100%, 70% 150%);
    transform-origin: 96% 135%;
    -webkit-animation: fly54 5000ms 2120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly54 5000ms 2120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly54 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-125deg) rotateY(-181deg) rotateZ(490deg) translateZ(-1531px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-125deg) rotateY(-181deg) rotateZ(490deg) translateZ(-1531px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly54 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-125deg) rotateY(-181deg) rotateZ(490deg) translateZ(-1531px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-125deg) rotateY(-181deg) rotateZ(490deg) translateZ(-1531px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(55) {
    color: #9117a5;
    -webkit-clip-path: polygon(70% 100%, 70% 150%, 80% 150%);
            clip-path: polygon(70% 100%, 70% 150%, 80% 150%);
    transform-origin: 43% 111%;
    -webkit-animation: fly55 5000ms 2160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly55 5000ms 2160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly55 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(335deg) rotateY(-183deg) rotateZ(91deg) translateZ(-1483px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(335deg) rotateY(-183deg) rotateZ(91deg) translateZ(-1483px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly55 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(335deg) rotateY(-183deg) rotateZ(91deg) translateZ(-1483px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(335deg) rotateY(-183deg) rotateZ(91deg) translateZ(-1483px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(56) {
    color: #8f16a8;
    -webkit-clip-path: polygon(70% 100%, 80% 100%, 80% 150%);
            clip-path: polygon(70% 100%, 80% 100%, 80% 150%);
    transform-origin: 55% 52%;
    -webkit-animation: fly56 5000ms 2200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly56 5000ms 2200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly56 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(257deg) rotateY(-173deg) rotateZ(473deg) translateZ(-1375px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(257deg) rotateY(-173deg) rotateZ(473deg) translateZ(-1375px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly56 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(257deg) rotateY(-173deg) rotateZ(473deg) translateZ(-1375px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(257deg) rotateY(-173deg) rotateZ(473deg) translateZ(-1375px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(57) {
    color: #8d16ab;
    -webkit-clip-path: polygon(80% 100%, 80% 150%, 90% 150%);
            clip-path: polygon(80% 100%, 80% 150%, 90% 150%);
    transform-origin: 128% 63%;
    -webkit-animation: fly57 5000ms 2240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly57 5000ms 2240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly57 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(35deg) rotateY(-316deg) rotateZ(435deg) translateZ(-2431px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(35deg) rotateY(-316deg) rotateZ(435deg) translateZ(-2431px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly57 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(35deg) rotateY(-316deg) rotateZ(435deg) translateZ(-2431px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(35deg) rotateY(-316deg) rotateZ(435deg) translateZ(-2431px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(58) {
    color: #8b15ae;
    -webkit-clip-path: polygon(80% 100%, 90% 100%, 90% 150%);
            clip-path: polygon(80% 100%, 90% 100%, 90% 150%);
    transform-origin: 34% 87%;
    -webkit-animation: fly58 5000ms 2280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly58 5000ms 2280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly58 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-383deg) rotateY(128deg) rotateZ(-370deg) translateZ(-1250px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-383deg) rotateY(128deg) rotateZ(-370deg) translateZ(-1250px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly58 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-383deg) rotateY(128deg) rotateZ(-370deg) translateZ(-1250px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-383deg) rotateY(128deg) rotateZ(-370deg) translateZ(-1250px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(59) {
    color: #8915b1;
    -webkit-clip-path: polygon(90% 100%, 90% 150%, 100% 150%);
            clip-path: polygon(90% 100%, 90% 150%, 100% 150%);
    transform-origin: 114% 132%;
    -webkit-animation: fly59 5000ms 2320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly59 5000ms 2320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly59 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-114deg) rotateY(-238deg) rotateZ(-463deg) translateZ(-550px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-114deg) rotateY(-238deg) rotateZ(-463deg) translateZ(-550px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly59 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-114deg) rotateY(-238deg) rotateZ(-463deg) translateZ(-550px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-114deg) rotateY(-238deg) rotateZ(-463deg) translateZ(-550px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(60) {
    color: #8714b4;
    -webkit-clip-path: polygon(90% 100%, 100% 100%, 100% 150%);
            clip-path: polygon(90% 100%, 100% 100%, 100% 150%);
    transform-origin: 100% 77%;
    -webkit-animation: fly60 5000ms 2360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly60 5000ms 2360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly60 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-78deg) rotateY(189deg) rotateZ(257deg) translateZ(-927px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-78deg) rotateY(189deg) rotateZ(257deg) translateZ(-927px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly60 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-78deg) rotateY(189deg) rotateZ(257deg) translateZ(-927px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-78deg) rotateY(189deg) rotateZ(257deg) translateZ(-927px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(61) {
    color: #8514b7;
    -webkit-clip-path: polygon(0% 150%, 0% 200%, 10% 200%);
            clip-path: polygon(0% 150%, 0% 200%, 10% 200%);
    transform-origin: 4% 148%;
    -webkit-animation: fly61 5000ms 2400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly61 5000ms 2400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly61 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-170deg) rotateY(-78deg) rotateZ(270deg) translateZ(-665px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-170deg) rotateY(-78deg) rotateZ(270deg) translateZ(-665px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly61 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-170deg) rotateY(-78deg) rotateZ(270deg) translateZ(-665px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-170deg) rotateY(-78deg) rotateZ(270deg) translateZ(-665px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(62) {
    color: #8313ba;
    -webkit-clip-path: polygon(0% 150%, 10% 150%, 10% 200%);
            clip-path: polygon(0% 150%, 10% 150%, 10% 200%);
    transform-origin: -30% 134%;
    -webkit-animation: fly62 5000ms 2440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly62 5000ms 2440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly62 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-387deg) rotateY(182deg) rotateZ(-180deg) translateZ(-277px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-387deg) rotateY(182deg) rotateZ(-180deg) translateZ(-277px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly62 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-387deg) rotateY(182deg) rotateZ(-180deg) translateZ(-277px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-387deg) rotateY(182deg) rotateZ(-180deg) translateZ(-277px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(63) {
    color: #8113bd;
    -webkit-clip-path: polygon(10% 150%, 10% 200%, 20% 200%);
            clip-path: polygon(10% 150%, 10% 200%, 20% 200%);
    transform-origin: 15% 150%;
    -webkit-animation: fly63 5000ms 2480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly63 5000ms 2480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly63 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(279deg) rotateY(258deg) rotateZ(35deg) translateZ(-574px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(279deg) rotateY(258deg) rotateZ(35deg) translateZ(-574px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly63 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(279deg) rotateY(258deg) rotateZ(35deg) translateZ(-574px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(279deg) rotateY(258deg) rotateZ(35deg) translateZ(-574px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(64) {
    color: #7f12c0;
    -webkit-clip-path: polygon(10% 150%, 20% 150%, 20% 200%);
            clip-path: polygon(10% 150%, 20% 150%, 20% 200%);
    transform-origin: -7% 124%;
    -webkit-animation: fly64 5000ms 2520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly64 5000ms 2520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly64 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(57deg) rotateY(481deg) rotateZ(-5deg) translateZ(-1663px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(57deg) rotateY(481deg) rotateZ(-5deg) translateZ(-1663px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly64 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(57deg) rotateY(481deg) rotateZ(-5deg) translateZ(-1663px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(57deg) rotateY(481deg) rotateZ(-5deg) translateZ(-1663px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(65) {
    color: #7d12c3;
    -webkit-clip-path: polygon(20% 150%, 20% 200%, 30% 200%);
            clip-path: polygon(20% 150%, 20% 200%, 30% 200%);
    transform-origin: 69% 166%;
    -webkit-animation: fly65 5000ms 2560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly65 5000ms 2560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly65 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-67deg) rotateY(-103deg) rotateZ(-281deg) translateZ(-893px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-67deg) rotateY(-103deg) rotateZ(-281deg) translateZ(-893px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly65 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-67deg) rotateY(-103deg) rotateZ(-281deg) translateZ(-893px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-67deg) rotateY(-103deg) rotateZ(-281deg) translateZ(-893px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(66) {
    color: #7b11c6;
    -webkit-clip-path: polygon(20% 150%, 30% 150%, 30% 200%);
            clip-path: polygon(20% 150%, 30% 150%, 30% 200%);
    transform-origin: 35% 152%;
    -webkit-animation: fly66 5000ms 2600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly66 5000ms 2600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly66 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(480deg) rotateY(-5deg) rotateZ(-299deg) translateZ(-138px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(480deg) rotateY(-5deg) rotateZ(-299deg) translateZ(-138px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly66 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(480deg) rotateY(-5deg) rotateZ(-299deg) translateZ(-138px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(480deg) rotateY(-5deg) rotateZ(-299deg) translateZ(-138px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(67) {
    color: #7911c9;
    -webkit-clip-path: polygon(30% 150%, 30% 200%, 40% 200%);
            clip-path: polygon(30% 150%, 30% 200%, 40% 200%);
    transform-origin: 50% 113%;
    -webkit-animation: fly67 5000ms 2640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly67 5000ms 2640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly67 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-277deg) rotateY(169deg) rotateZ(331deg) translateZ(172px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-277deg) rotateY(169deg) rotateZ(331deg) translateZ(172px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly67 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-277deg) rotateY(169deg) rotateZ(331deg) translateZ(172px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-277deg) rotateY(169deg) rotateZ(331deg) translateZ(172px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(68) {
    color: #7710cc;
    -webkit-clip-path: polygon(30% 150%, 40% 150%, 40% 200%);
            clip-path: polygon(30% 150%, 40% 150%, 40% 200%);
    transform-origin: 8% 140%;
    -webkit-animation: fly68 5000ms 2680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly68 5000ms 2680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly68 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-123deg) rotateY(-404deg) rotateZ(499deg) translateZ(457px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-123deg) rotateY(-404deg) rotateZ(499deg) translateZ(457px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly68 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-123deg) rotateY(-404deg) rotateZ(499deg) translateZ(457px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-123deg) rotateY(-404deg) rotateZ(499deg) translateZ(457px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(69) {
    color: #7510cf;
    -webkit-clip-path: polygon(40% 150%, 40% 200%, 50% 200%);
            clip-path: polygon(40% 150%, 40% 200%, 50% 200%);
    transform-origin: 77% 108%;
    -webkit-animation: fly69 5000ms 2720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly69 5000ms 2720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly69 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(152deg) rotateY(218deg) rotateZ(-272deg) translateZ(-620px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(152deg) rotateY(218deg) rotateZ(-272deg) translateZ(-620px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly69 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(152deg) rotateY(218deg) rotateZ(-272deg) translateZ(-620px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(152deg) rotateY(218deg) rotateZ(-272deg) translateZ(-620px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(70) {
    color: #730fd2;
    -webkit-clip-path: polygon(40% 150%, 50% 150%, 50% 200%);
            clip-path: polygon(40% 150%, 50% 150%, 50% 200%);
    transform-origin: -9% 192%;
    -webkit-animation: fly70 5000ms 2760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly70 5000ms 2760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly70 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(113deg) rotateY(-401deg) rotateZ(-466deg) translateZ(135px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(113deg) rotateY(-401deg) rotateZ(-466deg) translateZ(135px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly70 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(113deg) rotateY(-401deg) rotateZ(-466deg) translateZ(135px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(113deg) rotateY(-401deg) rotateZ(-466deg) translateZ(135px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(71) {
    color: #710fd5;
    -webkit-clip-path: polygon(50% 150%, 50% 200%, 60% 200%);
            clip-path: polygon(50% 150%, 50% 200%, 60% 200%);
    transform-origin: 23% 153%;
    -webkit-animation: fly71 5000ms 2800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly71 5000ms 2800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly71 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-406deg) rotateY(-30deg) rotateZ(-487deg) translateZ(-27px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-406deg) rotateY(-30deg) rotateZ(-487deg) translateZ(-27px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly71 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-406deg) rotateY(-30deg) rotateZ(-487deg) translateZ(-27px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-406deg) rotateY(-30deg) rotateZ(-487deg) translateZ(-27px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(72) {
    color: #6f0ed8;
    -webkit-clip-path: polygon(50% 150%, 60% 150%, 60% 200%);
            clip-path: polygon(50% 150%, 60% 150%, 60% 200%);
    transform-origin: 65% 185%;
    -webkit-animation: fly72 5000ms 2840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly72 5000ms 2840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly72 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(322deg) rotateY(321deg) rotateZ(-333deg) translateZ(-1015px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(322deg) rotateY(321deg) rotateZ(-333deg) translateZ(-1015px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly72 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(322deg) rotateY(321deg) rotateZ(-333deg) translateZ(-1015px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(322deg) rotateY(321deg) rotateZ(-333deg) translateZ(-1015px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(73) {
    color: #6d0edb;
    -webkit-clip-path: polygon(60% 150%, 60% 200%, 70% 200%);
            clip-path: polygon(60% 150%, 60% 200%, 70% 200%);
    transform-origin: 85% 163%;
    -webkit-animation: fly73 5000ms 2880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly73 5000ms 2880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly73 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(446deg) rotateY(97deg) rotateZ(-480deg) translateZ(-459px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(446deg) rotateY(97deg) rotateZ(-480deg) translateZ(-459px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly73 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(446deg) rotateY(97deg) rotateZ(-480deg) translateZ(-459px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(446deg) rotateY(97deg) rotateZ(-480deg) translateZ(-459px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(74) {
    color: #6b0dde;
    -webkit-clip-path: polygon(60% 150%, 70% 150%, 70% 200%);
            clip-path: polygon(60% 150%, 70% 150%, 70% 200%);
    transform-origin: 28% 168%;
    -webkit-animation: fly74 5000ms 2920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly74 5000ms 2920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly74 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-228deg) rotateY(-378deg) rotateZ(-292deg) translateZ(-734px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-228deg) rotateY(-378deg) rotateZ(-292deg) translateZ(-734px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly74 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-228deg) rotateY(-378deg) rotateZ(-292deg) translateZ(-734px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-228deg) rotateY(-378deg) rotateZ(-292deg) translateZ(-734px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(75) {
    color: #690de1;
    -webkit-clip-path: polygon(70% 150%, 70% 200%, 80% 200%);
            clip-path: polygon(70% 150%, 70% 200%, 80% 200%);
    transform-origin: 100% 184%;
    -webkit-animation: fly75 5000ms 2960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly75 5000ms 2960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly75 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(280deg) rotateY(-499deg) rotateZ(-244deg) translateZ(-2219px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(280deg) rotateY(-499deg) rotateZ(-244deg) translateZ(-2219px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly75 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(280deg) rotateY(-499deg) rotateZ(-244deg) translateZ(-2219px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(280deg) rotateY(-499deg) rotateZ(-244deg) translateZ(-2219px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(76) {
    color: #670ce4;
    -webkit-clip-path: polygon(70% 150%, 80% 150%, 80% 200%);
            clip-path: polygon(70% 150%, 80% 150%, 80% 200%);
    transform-origin: 102% 185%;
    -webkit-animation: fly76 5000ms 3000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly76 5000ms 3000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly76 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-172deg) rotateY(-493deg) rotateZ(-321deg) translateZ(-98px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-172deg) rotateY(-493deg) rotateZ(-321deg) translateZ(-98px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly76 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-172deg) rotateY(-493deg) rotateZ(-321deg) translateZ(-98px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-172deg) rotateY(-493deg) rotateZ(-321deg) translateZ(-98px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(77) {
    color: #650ce7;
    -webkit-clip-path: polygon(80% 150%, 80% 200%, 90% 200%);
            clip-path: polygon(80% 150%, 80% 200%, 90% 200%);
    transform-origin: 74% 184%;
    -webkit-animation: fly77 5000ms 3040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly77 5000ms 3040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly77 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-473deg) rotateY(-372deg) rotateZ(-12deg) translateZ(-2296px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-473deg) rotateY(-372deg) rotateZ(-12deg) translateZ(-2296px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly77 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-473deg) rotateY(-372deg) rotateZ(-12deg) translateZ(-2296px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-473deg) rotateY(-372deg) rotateZ(-12deg) translateZ(-2296px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(78) {
    color: #630bea;
    -webkit-clip-path: polygon(80% 150%, 90% 150%, 90% 200%);
            clip-path: polygon(80% 150%, 90% 150%, 90% 200%);
    transform-origin: 69% 200%;
    -webkit-animation: fly78 5000ms 3080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly78 5000ms 3080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly78 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(122deg) rotateY(-385deg) rotateZ(123deg) translateZ(-1672px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(122deg) rotateY(-385deg) rotateZ(123deg) translateZ(-1672px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly78 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(122deg) rotateY(-385deg) rotateZ(123deg) translateZ(-1672px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(122deg) rotateY(-385deg) rotateZ(123deg) translateZ(-1672px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(79) {
    color: #610bed;
    -webkit-clip-path: polygon(90% 150%, 90% 200%, 100% 200%);
            clip-path: polygon(90% 150%, 90% 200%, 100% 200%);
    transform-origin: 139% 105%;
    -webkit-animation: fly79 5000ms 3120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly79 5000ms 3120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly79 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(68deg) rotateY(-97deg) rotateZ(497deg) translateZ(-149px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(68deg) rotateY(-97deg) rotateZ(497deg) translateZ(-149px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly79 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(68deg) rotateY(-97deg) rotateZ(497deg) translateZ(-149px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(68deg) rotateY(-97deg) rotateZ(497deg) translateZ(-149px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(80) {
    color: #5f0af0;
    -webkit-clip-path: polygon(90% 150%, 100% 150%, 100% 200%);
            clip-path: polygon(90% 150%, 100% 150%, 100% 200%);
    transform-origin: 51% 132%;
    -webkit-animation: fly80 5000ms 3160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly80 5000ms 3160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly80 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(135deg) rotateY(-458deg) rotateZ(-393deg) translateZ(-176px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(135deg) rotateY(-458deg) rotateZ(-393deg) translateZ(-176px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly80 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(135deg) rotateY(-458deg) rotateZ(-393deg) translateZ(-176px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(135deg) rotateY(-458deg) rotateZ(-393deg) translateZ(-176px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(81) {
    color: #5d0af3;
    -webkit-clip-path: polygon(0% 200%, 0% 250%, 10% 250%);
            clip-path: polygon(0% 200%, 0% 250%, 10% 250%);
    transform-origin: -8% 153%;
    -webkit-animation: fly81 5000ms 3200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly81 5000ms 3200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly81 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-414deg) rotateY(-117deg) rotateZ(426deg) translateZ(-88px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-414deg) rotateY(-117deg) rotateZ(426deg) translateZ(-88px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly81 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-414deg) rotateY(-117deg) rotateZ(426deg) translateZ(-88px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-414deg) rotateY(-117deg) rotateZ(426deg) translateZ(-88px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(82) {
    color: #5b09f6;
    -webkit-clip-path: polygon(0% 200%, 10% 200%, 10% 250%);
            clip-path: polygon(0% 200%, 10% 200%, 10% 250%);
    transform-origin: 36% 151%;
    -webkit-animation: fly82 5000ms 3240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly82 5000ms 3240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly82 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-51deg) rotateY(-36deg) rotateZ(-346deg) translateZ(-916px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-51deg) rotateY(-36deg) rotateZ(-346deg) translateZ(-916px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly82 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-51deg) rotateY(-36deg) rotateZ(-346deg) translateZ(-916px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-51deg) rotateY(-36deg) rotateZ(-346deg) translateZ(-916px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(83) {
    color: #5909f9;
    -webkit-clip-path: polygon(10% 200%, 10% 250%, 20% 250%);
            clip-path: polygon(10% 200%, 10% 250%, 20% 250%);
    transform-origin: -29% 241%;
    -webkit-animation: fly83 5000ms 3280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly83 5000ms 3280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly83 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-141deg) rotateY(21deg) rotateZ(224deg) translateZ(-1978px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-141deg) rotateY(21deg) rotateZ(224deg) translateZ(-1978px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly83 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-141deg) rotateY(21deg) rotateZ(224deg) translateZ(-1978px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-141deg) rotateY(21deg) rotateZ(224deg) translateZ(-1978px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(84) {
    color: #5708fc;
    -webkit-clip-path: polygon(10% 200%, 20% 200%, 20% 250%);
            clip-path: polygon(10% 200%, 20% 200%, 20% 250%);
    transform-origin: 30% 222%;
    -webkit-animation: fly84 5000ms 3320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly84 5000ms 3320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly84 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(463deg) rotateY(-417deg) rotateZ(417deg) translateZ(154px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(463deg) rotateY(-417deg) rotateZ(417deg) translateZ(154px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly84 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(463deg) rotateY(-417deg) rotateZ(417deg) translateZ(154px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(463deg) rotateY(-417deg) rotateZ(417deg) translateZ(154px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(85) {
    color: #5508ff;
    -webkit-clip-path: polygon(20% 200%, 20% 250%, 30% 250%);
            clip-path: polygon(20% 200%, 20% 250%, 30% 250%);
    transform-origin: 7% 229%;
    -webkit-animation: fly85 5000ms 3360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly85 5000ms 3360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly85 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-244deg) rotateY(58deg) rotateZ(312deg) translateZ(-752px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-244deg) rotateY(58deg) rotateZ(312deg) translateZ(-752px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly85 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-244deg) rotateY(58deg) rotateZ(312deg) translateZ(-752px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-244deg) rotateY(58deg) rotateZ(312deg) translateZ(-752px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(86) {
    color: #5307ff;
    -webkit-clip-path: polygon(20% 200%, 30% 200%, 30% 250%);
            clip-path: polygon(20% 200%, 30% 200%, 30% 250%);
    transform-origin: 19% 221%;
    -webkit-animation: fly86 5000ms 3400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly86 5000ms 3400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly86 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(1deg) rotateY(-195deg) rotateZ(114deg) translateZ(-1400px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(1deg) rotateY(-195deg) rotateZ(114deg) translateZ(-1400px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly86 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(1deg) rotateY(-195deg) rotateZ(114deg) translateZ(-1400px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(1deg) rotateY(-195deg) rotateZ(114deg) translateZ(-1400px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(87) {
    color: #5107ff;
    -webkit-clip-path: polygon(30% 200%, 30% 250%, 40% 250%);
            clip-path: polygon(30% 200%, 30% 250%, 40% 250%);
    transform-origin: 40% 186%;
    -webkit-animation: fly87 5000ms 3440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly87 5000ms 3440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly87 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(177deg) rotateY(-204deg) rotateZ(-12deg) translateZ(-1206px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(177deg) rotateY(-204deg) rotateZ(-12deg) translateZ(-1206px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly87 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(177deg) rotateY(-204deg) rotateZ(-12deg) translateZ(-1206px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(177deg) rotateY(-204deg) rotateZ(-12deg) translateZ(-1206px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(88) {
    color: #4f06ff;
    -webkit-clip-path: polygon(30% 200%, 40% 200%, 40% 250%);
            clip-path: polygon(30% 200%, 40% 200%, 40% 250%);
    transform-origin: -12% 244%;
    -webkit-animation: fly88 5000ms 3480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly88 5000ms 3480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly88 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(490deg) rotateY(451deg) rotateZ(-222deg) translateZ(-282px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(490deg) rotateY(451deg) rotateZ(-222deg) translateZ(-282px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly88 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(490deg) rotateY(451deg) rotateZ(-222deg) translateZ(-282px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(490deg) rotateY(451deg) rotateZ(-222deg) translateZ(-282px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(89) {
    color: #4d06ff;
    -webkit-clip-path: polygon(40% 200%, 40% 250%, 50% 250%);
            clip-path: polygon(40% 200%, 40% 250%, 50% 250%);
    transform-origin: 85% 231%;
    -webkit-animation: fly89 5000ms 3520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly89 5000ms 3520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly89 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(300deg) rotateY(496deg) rotateZ(-475deg) translateZ(-2169px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(300deg) rotateY(496deg) rotateZ(-475deg) translateZ(-2169px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly89 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(300deg) rotateY(496deg) rotateZ(-475deg) translateZ(-2169px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(300deg) rotateY(496deg) rotateZ(-475deg) translateZ(-2169px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(90) {
    color: #4b05ff;
    -webkit-clip-path: polygon(40% 200%, 50% 200%, 50% 250%);
            clip-path: polygon(40% 200%, 50% 200%, 50% 250%);
    transform-origin: 75% 183%;
    -webkit-animation: fly90 5000ms 3560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly90 5000ms 3560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly90 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-257deg) rotateY(-372deg) rotateZ(241deg) translateZ(-906px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-257deg) rotateY(-372deg) rotateZ(241deg) translateZ(-906px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly90 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-257deg) rotateY(-372deg) rotateZ(241deg) translateZ(-906px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-257deg) rotateY(-372deg) rotateZ(241deg) translateZ(-906px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(91) {
    color: #4905ff;
    -webkit-clip-path: polygon(50% 200%, 50% 250%, 60% 250%);
            clip-path: polygon(50% 200%, 50% 250%, 60% 250%);
    transform-origin: 74% 239%;
    -webkit-animation: fly91 5000ms 3600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly91 5000ms 3600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly91 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(122deg) rotateY(-265deg) rotateZ(385deg) translateZ(378px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(122deg) rotateY(-265deg) rotateZ(385deg) translateZ(378px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly91 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(122deg) rotateY(-265deg) rotateZ(385deg) translateZ(378px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(122deg) rotateY(-265deg) rotateZ(385deg) translateZ(378px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(92) {
    color: #4704ff;
    -webkit-clip-path: polygon(50% 200%, 60% 200%, 60% 250%);
            clip-path: polygon(50% 200%, 60% 200%, 60% 250%);
    transform-origin: 22% 187%;
    -webkit-animation: fly92 5000ms 3640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly92 5000ms 3640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly92 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(18deg) rotateY(74deg) rotateZ(25deg) translateZ(-987px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(18deg) rotateY(74deg) rotateZ(25deg) translateZ(-987px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly92 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(18deg) rotateY(74deg) rotateZ(25deg) translateZ(-987px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(18deg) rotateY(74deg) rotateZ(25deg) translateZ(-987px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(93) {
    color: #4504ff;
    -webkit-clip-path: polygon(60% 200%, 60% 250%, 70% 250%);
            clip-path: polygon(60% 200%, 60% 250%, 70% 250%);
    transform-origin: 110% 213%;
    -webkit-animation: fly93 5000ms 3680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly93 5000ms 3680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly93 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-31deg) rotateY(383deg) rotateZ(-127deg) translateZ(-99px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-31deg) rotateY(383deg) rotateZ(-127deg) translateZ(-99px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly93 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-31deg) rotateY(383deg) rotateZ(-127deg) translateZ(-99px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-31deg) rotateY(383deg) rotateZ(-127deg) translateZ(-99px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(94) {
    color: #4303ff;
    -webkit-clip-path: polygon(60% 200%, 70% 200%, 70% 250%);
            clip-path: polygon(60% 200%, 70% 200%, 70% 250%);
    transform-origin: 32% 187%;
    -webkit-animation: fly94 5000ms 3720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly94 5000ms 3720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly94 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(44deg) rotateY(4deg) rotateZ(244deg) translateZ(354px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(44deg) rotateY(4deg) rotateZ(244deg) translateZ(354px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly94 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(44deg) rotateY(4deg) rotateZ(244deg) translateZ(354px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(44deg) rotateY(4deg) rotateZ(244deg) translateZ(354px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(95) {
    color: #4103ff;
    -webkit-clip-path: polygon(70% 200%, 70% 250%, 80% 250%);
            clip-path: polygon(70% 200%, 70% 250%, 80% 250%);
    transform-origin: 103% 154%;
    -webkit-animation: fly95 5000ms 3760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly95 5000ms 3760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly95 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-353deg) rotateY(-197deg) rotateZ(-330deg) translateZ(-777px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-353deg) rotateY(-197deg) rotateZ(-330deg) translateZ(-777px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly95 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-353deg) rotateY(-197deg) rotateZ(-330deg) translateZ(-777px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-353deg) rotateY(-197deg) rotateZ(-330deg) translateZ(-777px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(96) {
    color: #3f02ff;
    -webkit-clip-path: polygon(70% 200%, 80% 200%, 80% 250%);
            clip-path: polygon(70% 200%, 80% 200%, 80% 250%);
    transform-origin: 70% 216%;
    -webkit-animation: fly96 5000ms 3800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly96 5000ms 3800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly96 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(271deg) rotateY(227deg) rotateZ(238deg) translateZ(-2210px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(271deg) rotateY(227deg) rotateZ(238deg) translateZ(-2210px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly96 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(271deg) rotateY(227deg) rotateZ(238deg) translateZ(-2210px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(271deg) rotateY(227deg) rotateZ(238deg) translateZ(-2210px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(97) {
    color: #3d02ff;
    -webkit-clip-path: polygon(80% 200%, 80% 250%, 90% 250%);
            clip-path: polygon(80% 200%, 80% 250%, 90% 250%);
    transform-origin: 108% 163%;
    -webkit-animation: fly97 5000ms 3840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly97 5000ms 3840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly97 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-155deg) rotateY(-147deg) rotateZ(-122deg) translateZ(-1954px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-155deg) rotateY(-147deg) rotateZ(-122deg) translateZ(-1954px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly97 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-155deg) rotateY(-147deg) rotateZ(-122deg) translateZ(-1954px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-155deg) rotateY(-147deg) rotateZ(-122deg) translateZ(-1954px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(98) {
    color: #3b01ff;
    -webkit-clip-path: polygon(80% 200%, 90% 200%, 90% 250%);
            clip-path: polygon(80% 200%, 90% 200%, 90% 250%);
    transform-origin: 34% 217%;
    -webkit-animation: fly98 5000ms 3880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly98 5000ms 3880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly98 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(500deg) rotateY(-63deg) rotateZ(-371deg) translateZ(461px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(500deg) rotateY(-63deg) rotateZ(-371deg) translateZ(461px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly98 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(500deg) rotateY(-63deg) rotateZ(-371deg) translateZ(461px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(500deg) rotateY(-63deg) rotateZ(-371deg) translateZ(461px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(99) {
    color: #3901ff;
    -webkit-clip-path: polygon(90% 200%, 90% 250%, 100% 250%);
            clip-path: polygon(90% 200%, 90% 250%, 100% 250%);
    transform-origin: 131% 195%;
    -webkit-animation: fly99 5000ms 3920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly99 5000ms 3920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly99 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-497deg) rotateY(340deg) rotateZ(-462deg) translateZ(-1246px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-497deg) rotateY(340deg) rotateZ(-462deg) translateZ(-1246px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly99 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-497deg) rotateY(340deg) rotateZ(-462deg) translateZ(-1246px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-497deg) rotateY(340deg) rotateZ(-462deg) translateZ(-1246px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(100) {
    color: #3700ff;
    -webkit-clip-path: polygon(90% 200%, 100% 200%, 100% 250%);
            clip-path: polygon(90% 200%, 100% 200%, 100% 250%);
    transform-origin: 99% 208%;
    -webkit-animation: fly100 5000ms 3960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly100 5000ms 3960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly100 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(473deg) rotateY(-54deg) rotateZ(492deg) translateZ(-674px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(473deg) rotateY(-54deg) rotateZ(492deg) translateZ(-674px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly100 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(473deg) rotateY(-54deg) rotateZ(492deg) translateZ(-674px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(473deg) rotateY(-54deg) rotateZ(492deg) translateZ(-674px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  #ui .text:nth-child(101) {
    color: #3500ff;
    -webkit-clip-path: polygon(0% 250%, 0% 300%, 10% 300%);
            clip-path: polygon(0% 250%, 0% 300%, 10% 300%);
    transform-origin: 4% 240%;
    -webkit-animation: fly101 5000ms 4000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
            animation: fly101 5000ms 4000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
  }
  @-webkit-keyframes fly101 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-230deg) rotateY(257deg) rotateZ(388deg) translateZ(-589px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-230deg) rotateY(257deg) rotateZ(388deg) translateZ(-589px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }
  @keyframes fly101 {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-230deg) rotateY(257deg) rotateZ(388deg) translateZ(-589px);
    }
    10% {
      opacity: 0;
      transform: translate(-50%, -50%) rotateX(-230deg) rotateY(257deg) rotateZ(388deg) translateZ(-589px);
    }
    90% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
  }