body {
  background: #050514;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  perspective: 800px;
}

div {
  will-change: transform;
}

#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: #70acc3;
  -webkit-clip-path: polygon(-2% -4%, 7% -2%, 7% 52%, -1% 72%);
          clip-path: polygon(-2% -4%, 7% -2%, 7% 52%, -1% 72%);
  transform-origin: 43% 43%;
  -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(198deg) rotateY(-423deg) rotateZ(358deg) translateZ(120px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(198deg) rotateY(-423deg) rotateZ(358deg) translateZ(120px);
  }
  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(198deg) rotateY(-423deg) rotateZ(358deg) translateZ(120px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(198deg) rotateY(-423deg) rotateZ(358deg) translateZ(120px);
  }
  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: #e892b9;
  -webkit-clip-path: polygon(3% -8%, 12% -8%, 11% 58%, 4% 67%);
          clip-path: polygon(3% -8%, 12% -8%, 11% 58%, 4% 67%);
  transform-origin: -27% 31%;
  -webkit-animation: fly2 5000ms 30ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly2 5000ms 30ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly2 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-412deg) rotateY(44deg) rotateZ(-475deg) translateZ(-2027px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-412deg) rotateY(44deg) rotateZ(-475deg) translateZ(-2027px);
  }
  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(-412deg) rotateY(44deg) rotateZ(-475deg) translateZ(-2027px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-412deg) rotateY(44deg) rotateZ(-475deg) translateZ(-2027px);
  }
  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: #4e96e9;
  -webkit-clip-path: polygon(9% -2%, 16% -6%, 19% 52%, 8% 56%);
          clip-path: polygon(9% -2%, 16% -6%, 19% 52%, 8% 56%);
  transform-origin: 45% 17%;
  -webkit-animation: fly3 5000ms 60ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly3 5000ms 60ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly3 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(364deg) rotateY(6deg) rotateZ(-429deg) translateZ(-1704px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(364deg) rotateY(6deg) rotateZ(-429deg) translateZ(-1704px);
  }
  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(364deg) rotateY(6deg) rotateZ(-429deg) translateZ(-1704px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(364deg) rotateY(6deg) rotateZ(-429deg) translateZ(-1704px);
  }
  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: #7bafef;
  -webkit-clip-path: polygon(13% -7%, 24% -5%, 25% 51%, 14% 74%);
          clip-path: polygon(13% -7%, 24% -5%, 25% 51%, 14% 74%);
  transform-origin: -10% 27%;
  -webkit-animation: fly4 5000ms 90ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly4 5000ms 90ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly4 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(434deg) rotateY(81deg) rotateZ(106deg) translateZ(-2375px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(434deg) rotateY(81deg) rotateZ(106deg) translateZ(-2375px);
  }
  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(434deg) rotateY(81deg) rotateZ(106deg) translateZ(-2375px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(434deg) rotateY(81deg) rotateZ(106deg) translateZ(-2375px);
  }
  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: #9de4ff;
  -webkit-clip-path: polygon(18% -4%, 26% -8%, 28% 57%, 18% 55%);
          clip-path: polygon(18% -4%, 26% -8%, 28% 57%, 18% 55%);
  transform-origin: 7% -27%;
  -webkit-animation: fly5 5000ms 120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly5 5000ms 120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly5 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-24deg) rotateY(-111deg) rotateZ(-256deg) translateZ(-418px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-24deg) rotateY(-111deg) rotateZ(-256deg) translateZ(-418px);
  }
  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(-24deg) rotateY(-111deg) rotateZ(-256deg) translateZ(-418px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-24deg) rotateY(-111deg) rotateZ(-256deg) translateZ(-418px);
  }
  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: #ca54a8;
  -webkit-clip-path: polygon(23% -10%, 34% -15%, 32% 52%, 23% 70%);
          clip-path: polygon(23% -10%, 34% -15%, 32% 52%, 23% 70%);
  transform-origin: 20% -19%;
  -webkit-animation: fly6 5000ms 150ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly6 5000ms 150ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly6 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-240deg) rotateY(18deg) rotateZ(-58deg) translateZ(-1211px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-240deg) rotateY(18deg) rotateZ(-58deg) translateZ(-1211px);
  }
  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(-240deg) rotateY(18deg) rotateZ(-58deg) translateZ(-1211px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-240deg) rotateY(18deg) rotateZ(-58deg) translateZ(-1211px);
  }
  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: #86444f;
  -webkit-clip-path: polygon(28% -8%, 39% -11%, 37% 57%, 29% 66%);
          clip-path: polygon(28% -8%, 39% -11%, 37% 57%, 29% 66%);
  transform-origin: 3% 13%;
  -webkit-animation: fly7 5000ms 180ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly7 5000ms 180ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly7 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(390deg) rotateY(-326deg) rotateZ(271deg) translateZ(-2252px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(390deg) rotateY(-326deg) rotateZ(271deg) translateZ(-2252px);
  }
  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(390deg) rotateY(-326deg) rotateZ(271deg) translateZ(-2252px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(390deg) rotateY(-326deg) rotateZ(271deg) translateZ(-2252px);
  }
  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: #c94288;
  -webkit-clip-path: polygon(33% -1%, 44% -22%, 45% 54%, 34% 75%);
          clip-path: polygon(33% -1%, 44% -22%, 45% 54%, 34% 75%);
  transform-origin: 4% -20%;
  -webkit-animation: fly8 5000ms 210ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly8 5000ms 210ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly8 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-67deg) rotateY(-421deg) rotateZ(66deg) translateZ(325px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-67deg) rotateY(-421deg) rotateZ(66deg) translateZ(325px);
  }
  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(-67deg) rotateY(-421deg) rotateZ(66deg) translateZ(325px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-67deg) rotateY(-421deg) rotateZ(66deg) translateZ(325px);
  }
  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: #db41ba;
  -webkit-clip-path: polygon(38% -5%, 47% -19%, 46% 59%, 39% 69%);
          clip-path: polygon(38% -5%, 47% -19%, 46% 59%, 39% 69%);
  transform-origin: 1% -6%;
  -webkit-animation: fly9 5000ms 240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly9 5000ms 240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly9 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(434deg) rotateY(-414deg) rotateZ(40deg) translateZ(-137px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(434deg) rotateY(-414deg) rotateZ(40deg) 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 fly9 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(434deg) rotateY(-414deg) rotateZ(40deg) translateZ(-137px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(434deg) rotateY(-414deg) rotateZ(40deg) 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(10) {
  color: #919b42;
  -webkit-clip-path: polygon(43% -4%, 53% -9%, 51% 60%, 44% 69%);
          clip-path: polygon(43% -4%, 53% -9%, 51% 60%, 44% 69%);
  transform-origin: 37% 6%;
  -webkit-animation: fly10 5000ms 270ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly10 5000ms 270ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly10 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(297deg) rotateY(-391deg) rotateZ(343deg) translateZ(-1186px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(297deg) rotateY(-391deg) rotateZ(343deg) translateZ(-1186px);
  }
  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(297deg) rotateY(-391deg) rotateZ(343deg) translateZ(-1186px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(297deg) rotateY(-391deg) rotateZ(343deg) translateZ(-1186px);
  }
  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: #4874ba;
  -webkit-clip-path: polygon(48% -5%, 57% -6%, 59% 58%, 48% 62%);
          clip-path: polygon(48% -5%, 57% -6%, 59% 58%, 48% 62%);
  transform-origin: 30% -48%;
  -webkit-animation: fly11 5000ms 300ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly11 5000ms 300ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly11 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-20deg) rotateY(-388deg) rotateZ(-137deg) translateZ(-441px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-20deg) rotateY(-388deg) rotateZ(-137deg) translateZ(-441px);
  }
  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(-20deg) rotateY(-388deg) rotateZ(-137deg) translateZ(-441px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-20deg) rotateY(-388deg) rotateZ(-137deg) translateZ(-441px);
  }
  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: #aa4fdb;
  -webkit-clip-path: polygon(53% -6%, 65% -8%, 63% 59%, 53% 66%);
          clip-path: polygon(53% -6%, 65% -8%, 63% 59%, 53% 66%);
  transform-origin: 90% 5%;
  -webkit-animation: fly12 5000ms 330ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly12 5000ms 330ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly12 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-283deg) rotateY(287deg) rotateZ(-72deg) translateZ(-748px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-283deg) rotateY(287deg) rotateZ(-72deg) translateZ(-748px);
  }
  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(-283deg) rotateY(287deg) rotateZ(-72deg) translateZ(-748px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-283deg) rotateY(287deg) rotateZ(-72deg) translateZ(-748px);
  }
  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: #5f6559;
  -webkit-clip-path: polygon(58% -10%, 66% -8%, 69% 51%, 58% 68%);
          clip-path: polygon(58% -10%, 66% -8%, 69% 51%, 58% 68%);
  transform-origin: 108% -11%;
  -webkit-animation: fly13 5000ms 360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly13 5000ms 360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly13 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-23deg) rotateY(343deg) rotateZ(465deg) translateZ(-1890px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-23deg) rotateY(343deg) rotateZ(465deg) translateZ(-1890px);
  }
  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(-23deg) rotateY(343deg) rotateZ(465deg) translateZ(-1890px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-23deg) rotateY(343deg) rotateZ(465deg) translateZ(-1890px);
  }
  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: #a240da;
  -webkit-clip-path: polygon(63% -2%, 71% -11%, 71% 60%, 64% 54%);
          clip-path: polygon(63% -2%, 71% -11%, 71% 60%, 64% 54%);
  transform-origin: 109% -21%;
  -webkit-animation: fly14 5000ms 390ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly14 5000ms 390ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly14 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-186deg) rotateY(-479deg) rotateZ(-351deg) translateZ(81px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-186deg) rotateY(-479deg) rotateZ(-351deg) translateZ(81px);
  }
  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(-186deg) rotateY(-479deg) rotateZ(-351deg) translateZ(81px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-186deg) rotateY(-479deg) rotateZ(-351deg) translateZ(81px);
  }
  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: #e1cd73;
  -webkit-clip-path: polygon(68% -3%, 79% -14%, 78% 57%, 68% 56%);
          clip-path: polygon(68% -3%, 79% -14%, 78% 57%, 68% 56%);
  transform-origin: 21% -38%;
  -webkit-animation: fly15 5000ms 420ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly15 5000ms 420ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly15 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-438deg) rotateY(78deg) rotateZ(-317deg) translateZ(-1149px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-438deg) rotateY(78deg) rotateZ(-317deg) translateZ(-1149px);
  }
  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(-438deg) rotateY(78deg) rotateZ(-317deg) translateZ(-1149px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-438deg) rotateY(78deg) rotateZ(-317deg) translateZ(-1149px);
  }
  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: #fb863e;
  -webkit-clip-path: polygon(74% -4%, 82% -22%, 85% 52%, 73% 60%);
          clip-path: polygon(74% -4%, 82% -22%, 85% 52%, 73% 60%);
  transform-origin: 94% 40%;
  -webkit-animation: fly16 5000ms 450ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly16 5000ms 450ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly16 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(125deg) rotateY(-17deg) rotateZ(-96deg) translateZ(-693px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(125deg) rotateY(-17deg) rotateZ(-96deg) translateZ(-693px);
  }
  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(125deg) rotateY(-17deg) rotateZ(-96deg) translateZ(-693px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(125deg) rotateY(-17deg) rotateZ(-96deg) translateZ(-693px);
  }
  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: #c0c984;
  -webkit-clip-path: polygon(78% -3%, 87% -13%, 86% 58%, 78% 55%);
          clip-path: polygon(78% -3%, 87% -13%, 86% 58%, 78% 55%);
  transform-origin: 60% 45%;
  -webkit-animation: fly17 5000ms 480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly17 5000ms 480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly17 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-497deg) rotateY(-475deg) rotateZ(-377deg) translateZ(-103px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-497deg) rotateY(-475deg) rotateZ(-377deg) translateZ(-103px);
  }
  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(-497deg) rotateY(-475deg) rotateZ(-377deg) translateZ(-103px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-497deg) rotateY(-475deg) rotateZ(-377deg) translateZ(-103px);
  }
  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: #bd98aa;
  -webkit-clip-path: polygon(83% -1%, 92% -15%, 91% 54%, 84% 68%);
          clip-path: polygon(83% -1%, 92% -15%, 91% 54%, 84% 68%);
  transform-origin: 72% -23%;
  -webkit-animation: fly18 5000ms 510ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly18 5000ms 510ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly18 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(197deg) rotateY(-300deg) rotateZ(-177deg) translateZ(296px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(197deg) rotateY(-300deg) rotateZ(-177deg) translateZ(296px);
  }
  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(197deg) rotateY(-300deg) rotateZ(-177deg) translateZ(296px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(197deg) rotateY(-300deg) rotateZ(-177deg) translateZ(296px);
  }
  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: #e282d7;
  -webkit-clip-path: polygon(89% -6%, 99% -11%, 99% 58%, 89% 55%);
          clip-path: polygon(89% -6%, 99% -11%, 99% 58%, 89% 55%);
  transform-origin: 90% 25%;
  -webkit-animation: fly19 5000ms 540ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly19 5000ms 540ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly19 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-91deg) rotateY(-453deg) rotateZ(-87deg) translateZ(-354px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-91deg) rotateY(-453deg) rotateZ(-87deg) 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 fly19 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-91deg) rotateY(-453deg) rotateZ(-87deg) translateZ(-354px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-91deg) rotateY(-453deg) rotateZ(-87deg) 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(20) {
  color: #53a2ec;
  -webkit-clip-path: polygon(94% -1%, 103% -23%, 102% 53%, 94% 53%);
          clip-path: polygon(94% -1%, 103% -23%, 102% 53%, 94% 53%);
  transform-origin: 74% 42%;
  -webkit-animation: fly20 5000ms 570ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly20 5000ms 570ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly20 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-34deg) rotateY(-129deg) rotateZ(459deg) translateZ(-2405px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-34deg) rotateY(-129deg) rotateZ(459deg) translateZ(-2405px);
  }
  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(-34deg) rotateY(-129deg) rotateZ(459deg) translateZ(-2405px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-34deg) rotateY(-129deg) rotateZ(459deg) translateZ(-2405px);
  }
  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: #62adbb;
  -webkit-clip-path: polygon(-2% 49%, 7% 33%, 7% 109%, -1% 105%);
          clip-path: polygon(-2% 49%, 7% 33%, 7% 109%, -1% 105%);
  transform-origin: -4% 74%;
  -webkit-animation: fly21 5000ms 600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly21 5000ms 600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly21 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-220deg) rotateY(-76deg) rotateZ(41deg) translateZ(-885px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-220deg) rotateY(-76deg) rotateZ(41deg) translateZ(-885px);
  }
  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(-220deg) rotateY(-76deg) rotateZ(41deg) translateZ(-885px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-220deg) rotateY(-76deg) rotateZ(41deg) translateZ(-885px);
  }
  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: #a353e0;
  -webkit-clip-path: polygon(4% 40%, 14% 35%, 14% 108%, 3% 118%);
          clip-path: polygon(4% 40%, 14% 35%, 14% 108%, 3% 118%);
  transform-origin: 2% 90%;
  -webkit-animation: fly22 5000ms 630ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly22 5000ms 630ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly22 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(174deg) rotateY(-473deg) rotateZ(486deg) translateZ(123px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(174deg) rotateY(-473deg) rotateZ(486deg) translateZ(123px);
  }
  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(174deg) rotateY(-473deg) rotateZ(486deg) translateZ(123px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(174deg) rotateY(-473deg) rotateZ(486deg) translateZ(123px);
  }
  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: #c13df0;
  -webkit-clip-path: polygon(8% 48%, 19% 25%, 17% 101%, 8% 117%);
          clip-path: polygon(8% 48%, 19% 25%, 17% 101%, 8% 117%);
  transform-origin: 30% 38%;
  -webkit-animation: fly23 5000ms 660ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly23 5000ms 660ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly23 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(187deg) rotateY(-47deg) rotateZ(-258deg) translateZ(-1193px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(187deg) rotateY(-47deg) rotateZ(-258deg) translateZ(-1193px);
  }
  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(187deg) rotateY(-47deg) rotateZ(-258deg) translateZ(-1193px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(187deg) rotateY(-47deg) rotateZ(-258deg) translateZ(-1193px);
  }
  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: #b9ac6d;
  -webkit-clip-path: polygon(13% 42%, 24% 29%, 22% 108%, 14% 113%);
          clip-path: polygon(13% 42%, 24% 29%, 22% 108%, 14% 113%);
  transform-origin: -31% 16%;
  -webkit-animation: fly24 5000ms 690ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly24 5000ms 690ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly24 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(380deg) rotateY(493deg) rotateZ(-120deg) translateZ(63px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(380deg) rotateY(493deg) rotateZ(-120deg) translateZ(63px);
  }
  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(380deg) rotateY(493deg) rotateZ(-120deg) translateZ(63px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(380deg) rotateY(493deg) rotateZ(-120deg) translateZ(63px);
  }
  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: #65447c;
  -webkit-clip-path: polygon(18% 41%, 27% 30%, 28% 102%, 19% 114%);
          clip-path: polygon(18% 41%, 27% 30%, 28% 102%, 19% 114%);
  transform-origin: 27% 13%;
  -webkit-animation: fly25 5000ms 720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly25 5000ms 720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly25 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-426deg) rotateY(70deg) rotateZ(-321deg) translateZ(-2250px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-426deg) rotateY(70deg) rotateZ(-321deg) translateZ(-2250px);
  }
  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(-426deg) rotateY(70deg) rotateZ(-321deg) translateZ(-2250px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-426deg) rotateY(70deg) rotateZ(-321deg) translateZ(-2250px);
  }
  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: #c06461;
  -webkit-clip-path: polygon(23% 40%, 32% 27%, 35% 101%, 23% 113%);
          clip-path: polygon(23% 40%, 32% 27%, 35% 101%, 23% 113%);
  transform-origin: -10% 52%;
  -webkit-animation: fly26 5000ms 750ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly26 5000ms 750ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly26 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(16deg) rotateY(334deg) rotateZ(-112deg) translateZ(-1787px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(16deg) rotateY(334deg) rotateZ(-112deg) translateZ(-1787px);
  }
  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(16deg) rotateY(334deg) rotateZ(-112deg) translateZ(-1787px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(16deg) rotateY(334deg) rotateZ(-112deg) translateZ(-1787px);
  }
  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: #af77f6;
  -webkit-clip-path: polygon(29% 40%, 39% 44%, 39% 108%, 28% 113%);
          clip-path: polygon(29% 40%, 39% 44%, 39% 108%, 28% 113%);
  transform-origin: 55% 65%;
  -webkit-animation: fly27 5000ms 780ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly27 5000ms 780ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly27 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-401deg) rotateY(-409deg) rotateZ(149deg) translateZ(-1px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-401deg) rotateY(-409deg) rotateZ(149deg) translateZ(-1px);
  }
  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(-401deg) rotateY(-409deg) rotateZ(149deg) translateZ(-1px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-401deg) rotateY(-409deg) rotateZ(149deg) translateZ(-1px);
  }
  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: #e37254;
  -webkit-clip-path: polygon(33% 49%, 41% 38%, 45% 107%, 34% 114%);
          clip-path: polygon(33% 49%, 41% 38%, 45% 107%, 34% 114%);
  transform-origin: 5% 53%;
  -webkit-animation: fly28 5000ms 810ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly28 5000ms 810ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly28 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(83deg) rotateY(-216deg) rotateZ(-452deg) translateZ(-1099px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(83deg) rotateY(-216deg) rotateZ(-452deg) translateZ(-1099px);
  }
  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(83deg) rotateY(-216deg) rotateZ(-452deg) translateZ(-1099px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(83deg) rotateY(-216deg) rotateZ(-452deg) translateZ(-1099px);
  }
  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: #f0e353;
  -webkit-clip-path: polygon(39% 49%, 50% 34%, 47% 102%, 39% 109%);
          clip-path: polygon(39% 49%, 50% 34%, 47% 102%, 39% 109%);
  transform-origin: 84% 73%;
  -webkit-animation: fly29 5000ms 840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly29 5000ms 840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly29 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-422deg) rotateY(36deg) rotateZ(303deg) translateZ(-344px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-422deg) rotateY(36deg) rotateZ(303deg) translateZ(-344px);
  }
  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(-422deg) rotateY(36deg) rotateZ(303deg) translateZ(-344px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-422deg) rotateY(36deg) rotateZ(303deg) translateZ(-344px);
  }
  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: #439a8e;
  -webkit-clip-path: polygon(43% 42%, 52% 41%, 53% 109%, 44% 111%);
          clip-path: polygon(43% 42%, 52% 41%, 53% 109%, 44% 111%);
  transform-origin: 23% 37%;
  -webkit-animation: fly30 5000ms 870ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly30 5000ms 870ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly30 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(381deg) rotateY(-269deg) rotateZ(-214deg) translateZ(-1439px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(381deg) rotateY(-269deg) rotateZ(-214deg) translateZ(-1439px);
  }
  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(381deg) rotateY(-269deg) rotateZ(-214deg) translateZ(-1439px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(381deg) rotateY(-269deg) rotateZ(-214deg) translateZ(-1439px);
  }
  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: #baf0df;
  -webkit-clip-path: polygon(48% 40%, 60% 41%, 59% 108%, 49% 111%);
          clip-path: polygon(48% 40%, 60% 41%, 59% 108%, 49% 111%);
  transform-origin: 46% 72%;
  -webkit-animation: fly31 5000ms 900ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly31 5000ms 900ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly31 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-168deg) rotateY(413deg) rotateZ(-434deg) translateZ(-1351px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-168deg) rotateY(413deg) rotateZ(-434deg) translateZ(-1351px);
  }
  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(-168deg) rotateY(413deg) rotateZ(-434deg) translateZ(-1351px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-168deg) rotateY(413deg) rotateZ(-434deg) translateZ(-1351px);
  }
  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: #8b3c9e;
  -webkit-clip-path: polygon(53% 40%, 61% 28%, 62% 106%, 53% 108%);
          clip-path: polygon(53% 40%, 61% 28%, 62% 106%, 53% 108%);
  transform-origin: 76% 91%;
  -webkit-animation: fly32 5000ms 930ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly32 5000ms 930ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly32 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(321deg) rotateY(234deg) rotateZ(-126deg) translateZ(-1286px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(321deg) rotateY(234deg) rotateZ(-126deg) translateZ(-1286px);
  }
  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(321deg) rotateY(234deg) rotateZ(-126deg) translateZ(-1286px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(321deg) rotateY(234deg) rotateZ(-126deg) translateZ(-1286px);
  }
  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: #dfcfb0;
  -webkit-clip-path: polygon(58% 47%, 69% 37%, 66% 110%, 59% 109%);
          clip-path: polygon(58% 47%, 69% 37%, 66% 110%, 59% 109%);
  transform-origin: 29% 79%;
  -webkit-animation: fly33 5000ms 960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly33 5000ms 960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly33 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(118deg) rotateY(3deg) rotateZ(72deg) translateZ(-250px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(118deg) rotateY(3deg) rotateZ(72deg) translateZ(-250px);
  }
  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(118deg) rotateY(3deg) rotateZ(72deg) translateZ(-250px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(118deg) rotateY(3deg) rotateZ(72deg) translateZ(-250px);
  }
  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: #5ee446;
  -webkit-clip-path: polygon(64% 49%, 71% 42%, 71% 105%, 63% 110%);
          clip-path: polygon(64% 49%, 71% 42%, 71% 105%, 63% 110%);
  transform-origin: 15% 27%;
  -webkit-animation: fly34 5000ms 990ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly34 5000ms 990ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly34 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(169deg) rotateY(470deg) rotateZ(-324deg) translateZ(-2322px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(169deg) rotateY(470deg) rotateZ(-324deg) translateZ(-2322px);
  }
  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(169deg) rotateY(470deg) rotateZ(-324deg) translateZ(-2322px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(169deg) rotateY(470deg) rotateZ(-324deg) translateZ(-2322px);
  }
  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: #b1d1cd;
  -webkit-clip-path: polygon(69% 46%, 79% 25%, 79% 107%, 69% 121%);
          clip-path: polygon(69% 46%, 79% 25%, 79% 107%, 69% 121%);
  transform-origin: 70% 25%;
  -webkit-animation: fly35 5000ms 1020ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly35 5000ms 1020ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly35 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(290deg) rotateY(485deg) rotateZ(-274deg) translateZ(-614px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(290deg) rotateY(485deg) rotateZ(-274deg) translateZ(-614px);
  }
  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(290deg) rotateY(485deg) rotateZ(-274deg) translateZ(-614px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(290deg) rotateY(485deg) rotateZ(-274deg) translateZ(-614px);
  }
  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: #6740cf;
  -webkit-clip-path: polygon(74% 49%, 83% 25%, 85% 107%, 74% 102%);
          clip-path: polygon(74% 49%, 83% 25%, 85% 107%, 74% 102%);
  transform-origin: 30% 100%;
  -webkit-animation: fly36 5000ms 1050ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly36 5000ms 1050ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly36 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-361deg) rotateY(254deg) rotateZ(-456deg) translateZ(-1px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-361deg) rotateY(254deg) rotateZ(-456deg) translateZ(-1px);
  }
  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(-361deg) rotateY(254deg) rotateZ(-456deg) translateZ(-1px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-361deg) rotateY(254deg) rotateZ(-456deg) translateZ(-1px);
  }
  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: #ca6aa2;
  -webkit-clip-path: polygon(79% 43%, 90% 37%, 90% 107%, 78% 118%);
          clip-path: polygon(79% 43%, 90% 37%, 90% 107%, 78% 118%);
  transform-origin: 77% 20%;
  -webkit-animation: fly37 5000ms 1080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly37 5000ms 1080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly37 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(46deg) rotateY(-247deg) rotateZ(-498deg) translateZ(341px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(46deg) rotateY(-247deg) rotateZ(-498deg) translateZ(341px);
  }
  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(46deg) rotateY(-247deg) rotateZ(-498deg) translateZ(341px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(46deg) rotateY(-247deg) rotateZ(-498deg) translateZ(341px);
  }
  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: #c27d56;
  -webkit-clip-path: polygon(83% 44%, 93% 31%, 91% 110%, 84% 106%);
          clip-path: polygon(83% 44%, 93% 31%, 91% 110%, 84% 106%);
  transform-origin: 111% 29%;
  -webkit-animation: fly38 5000ms 1110ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly38 5000ms 1110ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly38 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-396deg) rotateY(277deg) rotateZ(61deg) translateZ(-1046px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-396deg) rotateY(277deg) rotateZ(61deg) translateZ(-1046px);
  }
  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(-396deg) rotateY(277deg) rotateZ(61deg) translateZ(-1046px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-396deg) rotateY(277deg) rotateZ(61deg) translateZ(-1046px);
  }
  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: #9371ed;
  -webkit-clip-path: polygon(88% 48%, 100% 28%, 99% 105%, 88% 106%);
          clip-path: polygon(88% 48%, 100% 28%, 99% 105%, 88% 106%);
  transform-origin: 79% 10%;
  -webkit-animation: fly39 5000ms 1140ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly39 5000ms 1140ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly39 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-188deg) rotateY(-356deg) rotateZ(488deg) translateZ(-921px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-188deg) rotateY(-356deg) rotateZ(488deg) translateZ(-921px);
  }
  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(-188deg) rotateY(-356deg) rotateZ(488deg) translateZ(-921px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-188deg) rotateY(-356deg) rotateZ(488deg) translateZ(-921px);
  }
  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: #ce7295;
  -webkit-clip-path: polygon(94% 45%, 102% 48%, 102% 108%, 94% 120%);
          clip-path: polygon(94% 45%, 102% 48%, 102% 108%, 94% 120%);
  transform-origin: 77% 63%;
  -webkit-animation: fly40 5000ms 1170ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly40 5000ms 1170ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly40 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(381deg) rotateY(87deg) rotateZ(180deg) translateZ(-1360px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(381deg) rotateY(87deg) rotateZ(180deg) translateZ(-1360px);
  }
  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(381deg) rotateY(87deg) rotateZ(180deg) translateZ(-1360px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(381deg) rotateY(87deg) rotateZ(180deg) translateZ(-1360px);
  }
  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: #67c155;
  -webkit-clip-path: polygon(-2% 97%, 8% 85%, 8% 153%, -1% 151%);
          clip-path: polygon(-2% 97%, 8% 85%, 8% 153%, -1% 151%);
  transform-origin: -48% 97%;
  -webkit-animation: fly41 5000ms 1200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly41 5000ms 1200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly41 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(36deg) rotateY(139deg) rotateZ(429deg) translateZ(-1711px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(36deg) rotateY(139deg) rotateZ(429deg) translateZ(-1711px);
  }
  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(36deg) rotateY(139deg) rotateZ(429deg) translateZ(-1711px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(36deg) rotateY(139deg) rotateZ(429deg) translateZ(-1711px);
  }
  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: #a0ca53;
  -webkit-clip-path: polygon(4% 93%, 15% 86%, 15% 158%, 4% 164%);
          clip-path: polygon(4% 93%, 15% 86%, 15% 158%, 4% 164%);
  transform-origin: -48% 114%;
  -webkit-animation: fly42 5000ms 1230ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly42 5000ms 1230ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly42 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(293deg) rotateY(143deg) rotateZ(-213deg) translateZ(-458px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(293deg) rotateY(143deg) rotateZ(-213deg) translateZ(-458px);
  }
  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(293deg) rotateY(143deg) rotateZ(-213deg) translateZ(-458px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(293deg) rotateY(143deg) rotateZ(-213deg) translateZ(-458px);
  }
  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: #d44a61;
  -webkit-clip-path: polygon(9% 95%, 18% 99%, 16% 152%, 8% 153%);
          clip-path: polygon(9% 95%, 18% 99%, 16% 152%, 8% 153%);
  transform-origin: 23% 88%;
  -webkit-animation: fly43 5000ms 1260ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly43 5000ms 1260ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly43 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(44deg) rotateY(202deg) rotateZ(-421deg) translateZ(-928px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(44deg) rotateY(202deg) rotateZ(-421deg) translateZ(-928px);
  }
  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(44deg) rotateY(202deg) rotateZ(-421deg) translateZ(-928px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(44deg) rotateY(202deg) rotateZ(-421deg) translateZ(-928px);
  }
  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: #cd9efb;
  -webkit-clip-path: polygon(13% 95%, 21% 81%, 25% 151%, 13% 168%);
          clip-path: polygon(13% 95%, 21% 81%, 25% 151%, 13% 168%);
  transform-origin: -4% 136%;
  -webkit-animation: fly44 5000ms 1290ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly44 5000ms 1290ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly44 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-199deg) rotateY(97deg) rotateZ(79deg) translateZ(-810px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-199deg) rotateY(97deg) rotateZ(79deg) translateZ(-810px);
  }
  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(-199deg) rotateY(97deg) rotateZ(79deg) translateZ(-810px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-199deg) rotateY(97deg) rotateZ(79deg) translateZ(-810px);
  }
  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: #584888;
  -webkit-clip-path: polygon(19% 99%, 28% 89%, 28% 156%, 18% 156%);
          clip-path: polygon(19% 99%, 28% 89%, 28% 156%, 18% 156%);
  transform-origin: 38% 121%;
  -webkit-animation: fly45 5000ms 1320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly45 5000ms 1320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly45 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(343deg) rotateY(143deg) rotateZ(-78deg) translateZ(-2214px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(343deg) rotateY(143deg) rotateZ(-78deg) translateZ(-2214px);
  }
  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(343deg) rotateY(143deg) rotateZ(-78deg) translateZ(-2214px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(343deg) rotateY(143deg) rotateZ(-78deg) translateZ(-2214px);
  }
  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: #43fa70;
  -webkit-clip-path: polygon(24% 98%, 33% 88%, 33% 152%, 23% 164%);
          clip-path: polygon(24% 98%, 33% 88%, 33% 152%, 23% 164%);
  transform-origin: -4% 147%;
  -webkit-animation: fly46 5000ms 1350ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly46 5000ms 1350ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly46 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-369deg) rotateY(-317deg) rotateZ(-414deg) translateZ(-2101px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-369deg) rotateY(-317deg) rotateZ(-414deg) translateZ(-2101px);
  }
  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(-369deg) rotateY(-317deg) rotateZ(-414deg) translateZ(-2101px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-369deg) rotateY(-317deg) rotateZ(-414deg) translateZ(-2101px);
  }
  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: #614fdb;
  -webkit-clip-path: polygon(29% 98%, 37% 75%, 37% 153%, 29% 152%);
          clip-path: polygon(29% 98%, 37% 75%, 37% 153%, 29% 152%);
  transform-origin: 50% 110%;
  -webkit-animation: fly47 5000ms 1380ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly47 5000ms 1380ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly47 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-258deg) rotateY(77deg) rotateZ(-370deg) translateZ(-1476px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-258deg) rotateY(77deg) rotateZ(-370deg) translateZ(-1476px);
  }
  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(-258deg) rotateY(77deg) rotateZ(-370deg) translateZ(-1476px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-258deg) rotateY(77deg) rotateZ(-370deg) translateZ(-1476px);
  }
  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: #e44e4c;
  -webkit-clip-path: polygon(33% 92%, 44% 76%, 45% 160%, 34% 172%);
          clip-path: polygon(33% 92%, 44% 76%, 45% 160%, 34% 172%);
  transform-origin: 80% 54%;
  -webkit-animation: fly48 5000ms 1410ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly48 5000ms 1410ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly48 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(408deg) rotateY(351deg) rotateZ(-499deg) translateZ(-13px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(408deg) rotateY(351deg) rotateZ(-499deg) translateZ(-13px);
  }
  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(408deg) rotateY(351deg) rotateZ(-499deg) translateZ(-13px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(408deg) rotateY(351deg) rotateZ(-499deg) translateZ(-13px);
  }
  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: #41b9a5;
  -webkit-clip-path: polygon(39% 93%, 48% 91%, 48% 159%, 39% 153%);
          clip-path: polygon(39% 93%, 48% 91%, 48% 159%, 39% 153%);
  transform-origin: 87% 64%;
  -webkit-animation: fly49 5000ms 1440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly49 5000ms 1440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly49 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(118deg) rotateY(-282deg) rotateZ(-1deg) translateZ(-809px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(118deg) rotateY(-282deg) rotateZ(-1deg) translateZ(-809px);
  }
  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(118deg) rotateY(-282deg) rotateZ(-1deg) translateZ(-809px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(118deg) rotateY(-282deg) rotateZ(-1deg) translateZ(-809px);
  }
  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: #baa3e5;
  -webkit-clip-path: polygon(43% 94%, 52% 86%, 51% 155%, 44% 157%);
          clip-path: polygon(43% 94%, 52% 86%, 51% 155%, 44% 157%);
  transform-origin: 40% 101%;
  -webkit-animation: fly50 5000ms 1470ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly50 5000ms 1470ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly50 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-187deg) rotateY(-101deg) rotateZ(-123deg) translateZ(183px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-187deg) rotateY(-101deg) rotateZ(-123deg) translateZ(183px);
  }
  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(-187deg) rotateY(-101deg) rotateZ(-123deg) translateZ(183px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-187deg) rotateY(-101deg) rotateZ(-123deg) translateZ(183px);
  }
  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: #eb8e45;
  -webkit-clip-path: polygon(49% 97%, 59% 96%, 60% 158%, 48% 152%);
          clip-path: polygon(49% 97%, 59% 96%, 60% 158%, 48% 152%);
  transform-origin: 48% 101%;
  -webkit-animation: fly51 5000ms 1500ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly51 5000ms 1500ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly51 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-241deg) rotateY(-437deg) rotateZ(469deg) translateZ(-311px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-241deg) rotateY(-437deg) rotateZ(469deg) translateZ(-311px);
  }
  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(-241deg) rotateY(-437deg) rotateZ(469deg) translateZ(-311px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-241deg) rotateY(-437deg) rotateZ(469deg) translateZ(-311px);
  }
  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: #4b4ab9;
  -webkit-clip-path: polygon(54% 92%, 65% 88%, 62% 160%, 54% 162%);
          clip-path: polygon(54% 92%, 65% 88%, 62% 160%, 54% 162%);
  transform-origin: 18% 94%;
  -webkit-animation: fly52 5000ms 1530ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly52 5000ms 1530ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly52 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-479deg) rotateY(-362deg) rotateZ(-224deg) translateZ(-72px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-479deg) rotateY(-362deg) rotateZ(-224deg) translateZ(-72px);
  }
  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(-479deg) rotateY(-362deg) rotateZ(-224deg) translateZ(-72px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-479deg) rotateY(-362deg) rotateZ(-224deg) translateZ(-72px);
  }
  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: #e4e7f3;
  -webkit-clip-path: polygon(58% 97%, 67% 98%, 66% 156%, 59% 171%);
          clip-path: polygon(58% 97%, 67% 98%, 66% 156%, 59% 171%);
  transform-origin: 102% 75%;
  -webkit-animation: fly53 5000ms 1560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly53 5000ms 1560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly53 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-274deg) rotateY(181deg) rotateZ(-13deg) translateZ(-60px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-274deg) rotateY(181deg) rotateZ(-13deg) translateZ(-60px);
  }
  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(-274deg) rotateY(181deg) rotateZ(-13deg) translateZ(-60px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-274deg) rotateY(181deg) rotateZ(-13deg) translateZ(-60px);
  }
  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: #c7bbf8;
  -webkit-clip-path: polygon(64% 98%, 71% 98%, 74% 153%, 64% 155%);
          clip-path: polygon(64% 98%, 71% 98%, 74% 153%, 64% 155%);
  transform-origin: 88% 109%;
  -webkit-animation: fly54 5000ms 1590ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly54 5000ms 1590ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly54 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(268deg) rotateY(120deg) rotateZ(357deg) translateZ(355px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(268deg) rotateY(120deg) rotateZ(357deg) translateZ(355px);
  }
  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(268deg) rotateY(120deg) rotateZ(357deg) translateZ(355px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(268deg) rotateY(120deg) rotateZ(357deg) translateZ(355px);
  }
  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: #b274cd;
  -webkit-clip-path: polygon(68% 91%, 78% 85%, 79% 159%, 68% 154%);
          clip-path: polygon(68% 91%, 78% 85%, 79% 159%, 68% 154%);
  transform-origin: 53% 78%;
  -webkit-animation: fly55 5000ms 1620ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly55 5000ms 1620ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly55 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-120deg) rotateY(155deg) rotateZ(414deg) translateZ(254px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-120deg) rotateY(155deg) rotateZ(414deg) translateZ(254px);
  }
  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(-120deg) rotateY(155deg) rotateZ(414deg) translateZ(254px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-120deg) rotateY(155deg) rotateZ(414deg) translateZ(254px);
  }
  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: #623f81;
  -webkit-clip-path: polygon(73% 92%, 85% 91%, 83% 159%, 73% 157%);
          clip-path: polygon(73% 92%, 85% 91%, 83% 159%, 73% 157%);
  transform-origin: 24% 58%;
  -webkit-animation: fly56 5000ms 1650ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly56 5000ms 1650ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly56 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(31deg) rotateY(113deg) rotateZ(268deg) translateZ(-1476px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(31deg) rotateY(113deg) rotateZ(268deg) translateZ(-1476px);
  }
  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(31deg) rotateY(113deg) rotateZ(268deg) translateZ(-1476px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(31deg) rotateY(113deg) rotateZ(268deg) translateZ(-1476px);
  }
  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: #875cf1;
  -webkit-clip-path: polygon(79% 92%, 90% 93%, 87% 160%, 79% 166%);
          clip-path: polygon(79% 92%, 90% 93%, 87% 160%, 79% 166%);
  transform-origin: 104% 62%;
  -webkit-animation: fly57 5000ms 1680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly57 5000ms 1680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly57 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-60deg) rotateY(-353deg) rotateZ(-495deg) translateZ(-415px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-60deg) rotateY(-353deg) rotateZ(-495deg) translateZ(-415px);
  }
  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(-60deg) rotateY(-353deg) rotateZ(-495deg) translateZ(-415px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-60deg) rotateY(-353deg) rotateZ(-495deg) translateZ(-415px);
  }
  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: #f5517a;
  -webkit-clip-path: polygon(83% 92%, 93% 89%, 94% 157%, 83% 161%);
          clip-path: polygon(83% 92%, 93% 89%, 94% 157%, 83% 161%);
  transform-origin: 66% 100%;
  -webkit-animation: fly58 5000ms 1710ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly58 5000ms 1710ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly58 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-144deg) rotateY(406deg) rotateZ(-227deg) translateZ(-1498px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-144deg) rotateY(406deg) rotateZ(-227deg) translateZ(-1498px);
  }
  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(-144deg) rotateY(406deg) rotateZ(-227deg) translateZ(-1498px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-144deg) rotateY(406deg) rotateZ(-227deg) translateZ(-1498px);
  }
  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: #ac9c57;
  -webkit-clip-path: polygon(88% 96%, 98% 88%, 100% 159%, 89% 159%);
          clip-path: polygon(88% 96%, 98% 88%, 100% 159%, 89% 159%);
  transform-origin: 70% 93%;
  -webkit-animation: fly59 5000ms 1740ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly59 5000ms 1740ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly59 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(223deg) rotateY(216deg) rotateZ(-483deg) translateZ(-1482px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(223deg) rotateY(216deg) rotateZ(-483deg) translateZ(-1482px);
  }
  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(223deg) rotateY(216deg) rotateZ(-483deg) translateZ(-1482px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(223deg) rotateY(216deg) rotateZ(-483deg) translateZ(-1482px);
  }
  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: #707e70;
  -webkit-clip-path: polygon(94% 97%, 105% 87%, 101% 157%, 93% 160%);
          clip-path: polygon(94% 97%, 105% 87%, 101% 157%, 93% 160%);
  transform-origin: 97% 123%;
  -webkit-animation: fly60 5000ms 1770ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly60 5000ms 1770ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly60 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(35deg) rotateY(-368deg) rotateZ(-164deg) translateZ(-1420px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(35deg) rotateY(-368deg) rotateZ(-164deg) translateZ(-1420px);
  }
  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(35deg) rotateY(-368deg) rotateZ(-164deg) translateZ(-1420px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(35deg) rotateY(-368deg) rotateZ(-164deg) translateZ(-1420px);
  }
  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: #73ec9e;
  -webkit-clip-path: polygon(-2% 141%, 7% 132%, 8% 207%, -2% 216%);
          clip-path: polygon(-2% 141%, 7% 132%, 8% 207%, -2% 216%);
  transform-origin: -19% 198%;
  -webkit-animation: fly61 5000ms 1800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly61 5000ms 1800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly61 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-62deg) rotateY(-257deg) rotateZ(-376deg) translateZ(-518px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-62deg) rotateY(-257deg) rotateZ(-376deg) translateZ(-518px);
  }
  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(-62deg) rotateY(-257deg) rotateZ(-376deg) translateZ(-518px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-62deg) rotateY(-257deg) rotateZ(-376deg) translateZ(-518px);
  }
  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: #cdcbd9;
  -webkit-clip-path: polygon(3% 147%, 14% 126%, 11% 208%, 3% 222%);
          clip-path: polygon(3% 147%, 14% 126%, 11% 208%, 3% 222%);
  transform-origin: 26% 171%;
  -webkit-animation: fly62 5000ms 1830ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly62 5000ms 1830ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly62 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(305deg) rotateY(-43deg) rotateZ(428deg) translateZ(-1074px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(305deg) rotateY(-43deg) rotateZ(428deg) translateZ(-1074px);
  }
  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(305deg) rotateY(-43deg) rotateZ(428deg) translateZ(-1074px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(305deg) rotateY(-43deg) rotateZ(428deg) translateZ(-1074px);
  }
  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: #f83b9e;
  -webkit-clip-path: polygon(9% 142%, 16% 137%, 17% 207%, 9% 204%);
          clip-path: polygon(9% 142%, 16% 137%, 17% 207%, 9% 204%);
  transform-origin: 41% 132%;
  -webkit-animation: fly63 5000ms 1860ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly63 5000ms 1860ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly63 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(434deg) rotateY(-162deg) rotateZ(102deg) translateZ(-1072px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(434deg) rotateY(-162deg) rotateZ(102deg) translateZ(-1072px);
  }
  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(434deg) rotateY(-162deg) rotateZ(102deg) translateZ(-1072px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(434deg) rotateY(-162deg) rotateZ(102deg) translateZ(-1072px);
  }
  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: #9ccf47;
  -webkit-clip-path: polygon(14% 145%, 21% 125%, 21% 208%, 13% 216%);
          clip-path: polygon(14% 145%, 21% 125%, 21% 208%, 13% 216%);
  transform-origin: 38% 134%;
  -webkit-animation: fly64 5000ms 1890ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly64 5000ms 1890ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly64 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(57deg) rotateY(-438deg) rotateZ(217deg) translateZ(-1110px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(57deg) rotateY(-438deg) rotateZ(217deg) translateZ(-1110px);
  }
  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(-438deg) rotateZ(217deg) translateZ(-1110px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(57deg) rotateY(-438deg) rotateZ(217deg) translateZ(-1110px);
  }
  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: #aac1ab;
  -webkit-clip-path: polygon(18% 142%, 29% 145%, 30% 209%, 19% 218%);
          clip-path: polygon(18% 142%, 29% 145%, 30% 209%, 19% 218%);
  transform-origin: 28% 129%;
  -webkit-animation: fly65 5000ms 1920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly65 5000ms 1920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly65 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(350deg) rotateY(11deg) rotateZ(-259deg) translateZ(-1093px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(350deg) rotateY(11deg) rotateZ(-259deg) translateZ(-1093px);
  }
  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(350deg) rotateY(11deg) rotateZ(-259deg) translateZ(-1093px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(350deg) rotateY(11deg) rotateZ(-259deg) translateZ(-1093px);
  }
  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: #65e083;
  -webkit-clip-path: polygon(24% 146%, 31% 143%, 34% 201%, 24% 214%);
          clip-path: polygon(24% 146%, 31% 143%, 34% 201%, 24% 214%);
  transform-origin: -10% 113%;
  -webkit-animation: fly66 5000ms 1950ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly66 5000ms 1950ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly66 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-181deg) rotateY(-368deg) rotateZ(-340deg) translateZ(-1265px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-181deg) rotateY(-368deg) rotateZ(-340deg) translateZ(-1265px);
  }
  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(-181deg) rotateY(-368deg) rotateZ(-340deg) translateZ(-1265px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-181deg) rotateY(-368deg) rotateZ(-340deg) translateZ(-1265px);
  }
  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: #edaa83;
  -webkit-clip-path: polygon(28% 140%, 40% 133%, 39% 206%, 29% 207%);
          clip-path: polygon(28% 140%, 40% 133%, 39% 206%, 29% 207%);
  transform-origin: 70% 169%;
  -webkit-animation: fly67 5000ms 1980ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly67 5000ms 1980ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly67 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-357deg) rotateY(38deg) rotateZ(-307deg) translateZ(-1094px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-357deg) rotateY(38deg) rotateZ(-307deg) translateZ(-1094px);
  }
  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(-357deg) rotateY(38deg) rotateZ(-307deg) translateZ(-1094px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-357deg) rotateY(38deg) rotateZ(-307deg) translateZ(-1094px);
  }
  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: #9273aa;
  -webkit-clip-path: polygon(34% 142%, 42% 132%, 43% 204%, 33% 223%);
          clip-path: polygon(34% 142%, 42% 132%, 43% 204%, 33% 223%);
  transform-origin: 6% 181%;
  -webkit-animation: fly68 5000ms 2010ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly68 5000ms 2010ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly68 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(404deg) rotateY(311deg) rotateZ(395deg) translateZ(-2325px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(404deg) rotateY(311deg) rotateZ(395deg) translateZ(-2325px);
  }
  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(404deg) rotateY(311deg) rotateZ(395deg) translateZ(-2325px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(404deg) rotateY(311deg) rotateZ(395deg) translateZ(-2325px);
  }
  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: #9f7796;
  -webkit-clip-path: polygon(38% 140%, 48% 147%, 48% 201%, 39% 218%);
          clip-path: polygon(38% 140%, 48% 147%, 48% 201%, 39% 218%);
  transform-origin: 64% 193%;
  -webkit-animation: fly69 5000ms 2040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly69 5000ms 2040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly69 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(291deg) rotateY(-254deg) rotateZ(195deg) translateZ(-2365px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(291deg) rotateY(-254deg) rotateZ(195deg) translateZ(-2365px);
  }
  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(291deg) rotateY(-254deg) rotateZ(195deg) translateZ(-2365px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(291deg) rotateY(-254deg) rotateZ(195deg) translateZ(-2365px);
  }
  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: #dff14e;
  -webkit-clip-path: polygon(43% 140%, 53% 144%, 53% 207%, 43% 204%);
          clip-path: polygon(43% 140%, 53% 144%, 53% 207%, 43% 204%);
  transform-origin: 35% 109%;
  -webkit-animation: fly70 5000ms 2070ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly70 5000ms 2070ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly70 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-281deg) rotateY(201deg) rotateZ(-120deg) translateZ(-2493px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-281deg) rotateY(201deg) rotateZ(-120deg) translateZ(-2493px);
  }
  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(-281deg) rotateY(201deg) rotateZ(-120deg) translateZ(-2493px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-281deg) rotateY(201deg) rotateZ(-120deg) translateZ(-2493px);
  }
  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: #7b4f8a;
  -webkit-clip-path: polygon(49% 148%, 57% 135%, 56% 207%, 48% 212%);
          clip-path: polygon(49% 148%, 57% 135%, 56% 207%, 48% 212%);
  transform-origin: 11% 192%;
  -webkit-animation: fly71 5000ms 2100ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly71 5000ms 2100ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly71 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-282deg) rotateY(-2deg) rotateZ(203deg) translateZ(-1682px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-282deg) rotateY(-2deg) rotateZ(203deg) translateZ(-1682px);
  }
  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(-282deg) rotateY(-2deg) rotateZ(203deg) translateZ(-1682px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-282deg) rotateY(-2deg) rotateZ(203deg) translateZ(-1682px);
  }
  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: #f3d764;
  -webkit-clip-path: polygon(54% 140%, 64% 134%, 61% 207%, 54% 213%);
          clip-path: polygon(54% 140%, 64% 134%, 61% 207%, 54% 213%);
  transform-origin: 99% 135%;
  -webkit-animation: fly72 5000ms 2130ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly72 5000ms 2130ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly72 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-491deg) rotateY(-276deg) rotateZ(-340deg) translateZ(407px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-491deg) rotateY(-276deg) rotateZ(-340deg) translateZ(407px);
  }
  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(-491deg) rotateY(-276deg) rotateZ(-340deg) translateZ(407px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-491deg) rotateY(-276deg) rotateZ(-340deg) translateZ(407px);
  }
  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: #bcfaa9;
  -webkit-clip-path: polygon(59% 148%, 69% 149%, 67% 207%, 59% 218%);
          clip-path: polygon(59% 148%, 69% 149%, 67% 207%, 59% 218%);
  transform-origin: 104% 130%;
  -webkit-animation: fly73 5000ms 2160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly73 5000ms 2160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly73 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(480deg) rotateY(159deg) rotateZ(-305deg) translateZ(-796px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(480deg) rotateY(159deg) rotateZ(-305deg) translateZ(-796px);
  }
  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(480deg) rotateY(159deg) rotateZ(-305deg) translateZ(-796px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(480deg) rotateY(159deg) rotateZ(-305deg) translateZ(-796px);
  }
  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: #a43b47;
  -webkit-clip-path: polygon(64% 145%, 71% 128%, 73% 206%, 63% 207%);
          clip-path: polygon(64% 145%, 71% 128%, 73% 206%, 63% 207%);
  transform-origin: 105% 180%;
  -webkit-animation: fly74 5000ms 2190ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly74 5000ms 2190ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly74 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-459deg) rotateY(-236deg) rotateZ(164deg) translateZ(-155px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-459deg) rotateY(-236deg) rotateZ(164deg) translateZ(-155px);
  }
  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(-459deg) rotateY(-236deg) rotateZ(164deg) translateZ(-155px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-459deg) rotateY(-236deg) rotateZ(164deg) translateZ(-155px);
  }
  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: #e773f4;
  -webkit-clip-path: polygon(69% 149%, 77% 140%, 76% 201%, 68% 204%);
          clip-path: polygon(69% 149%, 77% 140%, 76% 201%, 68% 204%);
  transform-origin: 59% 187%;
  -webkit-animation: fly75 5000ms 2220ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly75 5000ms 2220ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly75 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(217deg) rotateY(-320deg) rotateZ(-146deg) translateZ(-1955px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(217deg) rotateY(-320deg) rotateZ(-146deg) translateZ(-1955px);
  }
  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(217deg) rotateY(-320deg) rotateZ(-146deg) translateZ(-1955px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(217deg) rotateY(-320deg) rotateZ(-146deg) translateZ(-1955px);
  }
  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: #f1f947;
  -webkit-clip-path: polygon(73% 147%, 82% 148%, 84% 206%, 73% 212%);
          clip-path: polygon(73% 147%, 82% 148%, 84% 206%, 73% 212%);
  transform-origin: 88% 186%;
  -webkit-animation: fly76 5000ms 2250ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly76 5000ms 2250ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly76 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-393deg) rotateY(-134deg) rotateZ(39deg) translateZ(-1152px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-393deg) rotateY(-134deg) rotateZ(39deg) translateZ(-1152px);
  }
  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(-393deg) rotateY(-134deg) rotateZ(39deg) translateZ(-1152px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-393deg) rotateY(-134deg) rotateZ(39deg) translateZ(-1152px);
  }
  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: #46ca38;
  -webkit-clip-path: polygon(79% 140%, 90% 127%, 90% 205%, 78% 204%);
          clip-path: polygon(79% 140%, 90% 127%, 90% 205%, 78% 204%);
  transform-origin: 107% 192%;
  -webkit-animation: fly77 5000ms 2280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly77 5000ms 2280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly77 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(389deg) rotateY(-378deg) rotateZ(287deg) translateZ(-740px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(389deg) rotateY(-378deg) rotateZ(287deg) translateZ(-740px);
  }
  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(389deg) rotateY(-378deg) rotateZ(287deg) translateZ(-740px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(389deg) rotateY(-378deg) rotateZ(287deg) translateZ(-740px);
  }
  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: #b94fc1;
  -webkit-clip-path: polygon(83% 145%, 94% 148%, 94% 207%, 83% 220%);
          clip-path: polygon(83% 145%, 94% 148%, 94% 207%, 83% 220%);
  transform-origin: 99% 195%;
  -webkit-animation: fly78 5000ms 2310ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly78 5000ms 2310ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly78 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(342deg) rotateY(-453deg) rotateZ(-410deg) translateZ(-1384px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(342deg) rotateY(-453deg) rotateZ(-410deg) translateZ(-1384px);
  }
  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(342deg) rotateY(-453deg) rotateZ(-410deg) translateZ(-1384px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(342deg) rotateY(-453deg) rotateZ(-410deg) translateZ(-1384px);
  }
  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: #b286e6;
  -webkit-clip-path: polygon(88% 149%, 99% 141%, 99% 208%, 88% 210%);
          clip-path: polygon(88% 149%, 99% 141%, 99% 208%, 88% 210%);
  transform-origin: 105% 191%;
  -webkit-animation: fly79 5000ms 2340ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly79 5000ms 2340ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly79 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-423deg) rotateY(-463deg) rotateZ(360deg) translateZ(-452px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-423deg) rotateY(-463deg) rotateZ(360deg) translateZ(-452px);
  }
  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(-423deg) rotateY(-463deg) rotateZ(360deg) translateZ(-452px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-423deg) rotateY(-463deg) rotateZ(360deg) translateZ(-452px);
  }
  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: #fe42d0;
  -webkit-clip-path: polygon(94% 144%, 104% 128%, 105% 209%, 94% 206%);
          clip-path: polygon(94% 144%, 104% 128%, 105% 209%, 94% 206%);
  transform-origin: 97% 104%;
  -webkit-animation: fly80 5000ms 2370ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly80 5000ms 2370ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly80 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(321deg) rotateY(-131deg) rotateZ(97deg) translateZ(-2428px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(321deg) rotateY(-131deg) rotateZ(97deg) translateZ(-2428px);
  }
  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(321deg) rotateY(-131deg) rotateZ(97deg) translateZ(-2428px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(321deg) rotateY(-131deg) rotateZ(97deg) translateZ(-2428px);
  }
  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: #7657cd;
  -webkit-clip-path: polygon(-2% 195%, 9% 197%, 8% 258%, -1% 272%);
          clip-path: polygon(-2% 195%, 9% 197%, 8% 258%, -1% 272%);
  transform-origin: 10% 163%;
  -webkit-animation: fly81 5000ms 2400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly81 5000ms 2400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly81 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(408deg) rotateY(-208deg) rotateZ(78deg) translateZ(-1493px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(408deg) rotateY(-208deg) rotateZ(78deg) translateZ(-1493px);
  }
  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(408deg) rotateY(-208deg) rotateZ(78deg) translateZ(-1493px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(408deg) rotateY(-208deg) rotateZ(78deg) translateZ(-1493px);
  }
  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: #f66b85;
  -webkit-clip-path: polygon(4% 190%, 11% 183%, 14% 256%, 3% 261%);
          clip-path: polygon(4% 190%, 11% 183%, 14% 256%, 3% 261%);
  transform-origin: -8% 151%;
  -webkit-animation: fly82 5000ms 2430ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly82 5000ms 2430ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly82 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(294deg) rotateY(-436deg) rotateZ(-228deg) translateZ(-888px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(294deg) rotateY(-436deg) rotateZ(-228deg) translateZ(-888px);
  }
  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(294deg) rotateY(-436deg) rotateZ(-228deg) translateZ(-888px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(294deg) rotateY(-436deg) rotateZ(-228deg) translateZ(-888px);
  }
  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: #4bc7ba;
  -webkit-clip-path: polygon(9% 194%, 18% 192%, 16% 257%, 9% 270%);
          clip-path: polygon(9% 194%, 18% 192%, 16% 257%, 9% 270%);
  transform-origin: 16% 239%;
  -webkit-animation: fly83 5000ms 2460ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly83 5000ms 2460ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly83 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(152deg) rotateY(-73deg) rotateZ(84deg) translateZ(-2420px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(152deg) rotateY(-73deg) rotateZ(84deg) translateZ(-2420px);
  }
  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(152deg) rotateY(-73deg) rotateZ(84deg) translateZ(-2420px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(152deg) rotateY(-73deg) rotateZ(84deg) translateZ(-2420px);
  }
  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: #70a7e4;
  -webkit-clip-path: polygon(14% 190%, 22% 178%, 21% 258%, 14% 251%);
          clip-path: polygon(14% 190%, 22% 178%, 21% 258%, 14% 251%);
  transform-origin: 31% 160%;
  -webkit-animation: fly84 5000ms 2490ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly84 5000ms 2490ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly84 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(488deg) rotateY(68deg) rotateZ(346deg) translateZ(-1527px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(488deg) rotateY(68deg) rotateZ(346deg) translateZ(-1527px);
  }
  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(488deg) rotateY(68deg) rotateZ(346deg) translateZ(-1527px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(488deg) rotateY(68deg) rotateZ(346deg) translateZ(-1527px);
  }
  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: #c2fe48;
  -webkit-clip-path: polygon(19% 193%, 26% 182%, 28% 255%, 18% 273%);
          clip-path: polygon(19% 193%, 26% 182%, 28% 255%, 18% 273%);
  transform-origin: 49% 203%;
  -webkit-animation: fly85 5000ms 2520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly85 5000ms 2520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly85 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(43deg) rotateY(-179deg) rotateZ(30deg) translateZ(112px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(43deg) rotateY(-179deg) rotateZ(30deg) translateZ(112px);
  }
  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(43deg) rotateY(-179deg) rotateZ(30deg) translateZ(112px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(43deg) rotateY(-179deg) rotateZ(30deg) translateZ(112px);
  }
  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: #54b646;
  -webkit-clip-path: polygon(24% 193%, 31% 177%, 35% 253%, 23% 271%);
          clip-path: polygon(24% 193%, 31% 177%, 35% 253%, 23% 271%);
  transform-origin: 23% 178%;
  -webkit-animation: fly86 5000ms 2550ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly86 5000ms 2550ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly86 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-416deg) rotateY(-169deg) rotateZ(-41deg) translateZ(35px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-416deg) rotateY(-169deg) rotateZ(-41deg) translateZ(35px);
  }
  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(-416deg) rotateY(-169deg) rotateZ(-41deg) translateZ(35px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-416deg) rotateY(-169deg) rotateZ(-41deg) translateZ(35px);
  }
  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: #c2ffa1;
  -webkit-clip-path: polygon(29% 192%, 39% 177%, 40% 252%, 28% 254%);
          clip-path: polygon(29% 192%, 39% 177%, 40% 252%, 28% 254%);
  transform-origin: 75% 237%;
  -webkit-animation: fly87 5000ms 2580ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly87 5000ms 2580ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly87 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-420deg) rotateY(42deg) rotateZ(-342deg) translateZ(-2277px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-420deg) rotateY(42deg) rotateZ(-342deg) translateZ(-2277px);
  }
  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(-420deg) rotateY(42deg) rotateZ(-342deg) translateZ(-2277px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-420deg) rotateY(42deg) rotateZ(-342deg) translateZ(-2277px);
  }
  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: #57678a;
  -webkit-clip-path: polygon(34% 190%, 45% 199%, 42% 253%, 33% 254%);
          clip-path: polygon(34% 190%, 45% 199%, 42% 253%, 33% 254%);
  transform-origin: -6% 211%;
  -webkit-animation: fly88 5000ms 2610ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly88 5000ms 2610ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly88 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(77deg) rotateY(-419deg) rotateZ(-82deg) translateZ(-74px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(77deg) rotateY(-419deg) rotateZ(-82deg) translateZ(-74px);
  }
  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(77deg) rotateY(-419deg) rotateZ(-82deg) translateZ(-74px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(77deg) rotateY(-419deg) rotateZ(-82deg) translateZ(-74px);
  }
  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: #58a9e8;
  -webkit-clip-path: polygon(39% 198%, 50% 195%, 46% 255%, 38% 270%);
          clip-path: polygon(39% 198%, 50% 195%, 46% 255%, 38% 270%);
  transform-origin: 3% 152%;
  -webkit-animation: fly89 5000ms 2640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly89 5000ms 2640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly89 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-39deg) rotateY(-174deg) rotateZ(344deg) translateZ(-454px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-39deg) rotateY(-174deg) rotateZ(344deg) translateZ(-454px);
  }
  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(-39deg) rotateY(-174deg) rotateZ(344deg) translateZ(-454px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-39deg) rotateY(-174deg) rotateZ(344deg) translateZ(-454px);
  }
  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: #49fedd;
  -webkit-clip-path: polygon(44% 192%, 53% 184%, 53% 252%, 43% 264%);
          clip-path: polygon(44% 192%, 53% 184%, 53% 252%, 43% 264%);
  transform-origin: 51% 163%;
  -webkit-animation: fly90 5000ms 2670ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly90 5000ms 2670ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly90 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-87deg) rotateY(480deg) rotateZ(-13deg) translateZ(-1946px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-87deg) rotateY(480deg) rotateZ(-13deg) translateZ(-1946px);
  }
  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(-87deg) rotateY(480deg) rotateZ(-13deg) translateZ(-1946px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-87deg) rotateY(480deg) rotateZ(-13deg) translateZ(-1946px);
  }
  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: #55c66e;
  -webkit-clip-path: polygon(49% 190%, 57% 177%, 59% 251%, 48% 262%);
          clip-path: polygon(49% 190%, 57% 177%, 59% 251%, 48% 262%);
  transform-origin: 89% 154%;
  -webkit-animation: fly91 5000ms 2700ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly91 5000ms 2700ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly91 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(412deg) rotateY(-45deg) rotateZ(177deg) translateZ(-85px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(412deg) rotateY(-45deg) rotateZ(177deg) translateZ(-85px);
  }
  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(412deg) rotateY(-45deg) rotateZ(177deg) translateZ(-85px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(412deg) rotateY(-45deg) rotateZ(177deg) translateZ(-85px);
  }
  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: #c2ada2;
  -webkit-clip-path: polygon(54% 197%, 61% 188%, 65% 255%, 54% 253%);
          clip-path: polygon(54% 197%, 61% 188%, 65% 255%, 54% 253%);
  transform-origin: 18% 156%;
  -webkit-animation: fly92 5000ms 2730ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly92 5000ms 2730ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly92 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-360deg) rotateY(-134deg) rotateZ(-409deg) translateZ(-879px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-360deg) rotateY(-134deg) rotateZ(-409deg) translateZ(-879px);
  }
  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(-360deg) rotateY(-134deg) rotateZ(-409deg) translateZ(-879px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-360deg) rotateY(-134deg) rotateZ(-409deg) translateZ(-879px);
  }
  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: #c08dd5;
  -webkit-clip-path: polygon(58% 193%, 69% 194%, 70% 253%, 59% 272%);
          clip-path: polygon(58% 193%, 69% 194%, 70% 253%, 59% 272%);
  transform-origin: 53% 206%;
  -webkit-animation: fly93 5000ms 2760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly93 5000ms 2760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly93 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-393deg) rotateY(-338deg) rotateZ(341deg) translateZ(-1273px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-393deg) rotateY(-338deg) rotateZ(341deg) translateZ(-1273px);
  }
  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(-393deg) rotateY(-338deg) rotateZ(341deg) translateZ(-1273px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-393deg) rotateY(-338deg) rotateZ(341deg) translateZ(-1273px);
  }
  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: #6aa46e;
  -webkit-clip-path: polygon(64% 197%, 73% 196%, 71% 257%, 63% 259%);
          clip-path: polygon(64% 197%, 73% 196%, 71% 257%, 63% 259%);
  transform-origin: 89% 190%;
  -webkit-animation: fly94 5000ms 2790ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly94 5000ms 2790ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly94 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-126deg) rotateY(-260deg) rotateZ(-206deg) translateZ(-1736px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-126deg) rotateY(-260deg) rotateZ(-206deg) translateZ(-1736px);
  }
  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(-126deg) rotateY(-260deg) rotateZ(-206deg) translateZ(-1736px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-126deg) rotateY(-260deg) rotateZ(-206deg) translateZ(-1736px);
  }
  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: #9c4f61;
  -webkit-clip-path: polygon(69% 199%, 77% 175%, 76% 254%, 69% 261%);
          clip-path: polygon(69% 199%, 77% 175%, 76% 254%, 69% 261%);
  transform-origin: 108% 221%;
  -webkit-animation: fly95 5000ms 2820ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly95 5000ms 2820ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly95 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(397deg) rotateY(293deg) rotateZ(254deg) translateZ(-279px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(397deg) rotateY(293deg) rotateZ(254deg) translateZ(-279px);
  }
  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(397deg) rotateY(293deg) rotateZ(254deg) translateZ(-279px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(397deg) rotateY(293deg) rotateZ(254deg) translateZ(-279px);
  }
  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: #bced6a;
  -webkit-clip-path: polygon(73% 198%, 81% 195%, 84% 255%, 73% 257%);
          clip-path: polygon(73% 198%, 81% 195%, 84% 255%, 73% 257%);
  transform-origin: 103% 248%;
  -webkit-animation: fly96 5000ms 2850ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly96 5000ms 2850ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly96 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(42deg) rotateY(-258deg) rotateZ(324deg) translateZ(-1837px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(42deg) rotateY(-258deg) rotateZ(324deg) translateZ(-1837px);
  }
  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(42deg) rotateY(-258deg) rotateZ(324deg) translateZ(-1837px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(42deg) rotateY(-258deg) rotateZ(324deg) translateZ(-1837px);
  }
  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: #c66e5e;
  -webkit-clip-path: polygon(79% 197%, 86% 185%, 90% 259%, 78% 265%);
          clip-path: polygon(79% 197%, 86% 185%, 90% 259%, 78% 265%);
  transform-origin: 78% 200%;
  -webkit-animation: fly97 5000ms 2880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly97 5000ms 2880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly97 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-345deg) rotateY(293deg) rotateZ(466deg) translateZ(-1199px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-345deg) rotateY(293deg) rotateZ(466deg) translateZ(-1199px);
  }
  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(-345deg) rotateY(293deg) rotateZ(466deg) translateZ(-1199px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-345deg) rotateY(293deg) rotateZ(466deg) translateZ(-1199px);
  }
  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: #be4a9a;
  -webkit-clip-path: polygon(83% 191%, 94% 184%, 92% 259%, 83% 268%);
          clip-path: polygon(83% 191%, 94% 184%, 92% 259%, 83% 268%);
  transform-origin: 94% 205%;
  -webkit-animation: fly98 5000ms 2910ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly98 5000ms 2910ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly98 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(288deg) rotateY(-217deg) rotateZ(-79deg) translateZ(295px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(288deg) rotateY(-217deg) rotateZ(-79deg) translateZ(295px);
  }
  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(288deg) rotateY(-217deg) rotateZ(-79deg) translateZ(295px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(288deg) rotateY(-217deg) rotateZ(-79deg) translateZ(295px);
  }
  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: #cbb1eb;
  -webkit-clip-path: polygon(89% 191%, 97% 191%, 96% 258%, 88% 264%);
          clip-path: polygon(89% 191%, 97% 191%, 96% 258%, 88% 264%);
  transform-origin: 118% 204%;
  -webkit-animation: fly99 5000ms 2940ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly99 5000ms 2940ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly99 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-301deg) rotateY(174deg) rotateZ(13deg) translateZ(-122px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-301deg) rotateY(174deg) rotateZ(13deg) translateZ(-122px);
  }
  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(-301deg) rotateY(174deg) rotateZ(13deg) translateZ(-122px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-301deg) rotateY(174deg) rotateZ(13deg) translateZ(-122px);
  }
  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: #fa42ec;
  -webkit-clip-path: polygon(94% 190%, 104% 178%, 103% 259%, 94% 255%);
          clip-path: polygon(94% 190%, 104% 178%, 103% 259%, 94% 255%);
  transform-origin: 82% 179%;
  -webkit-animation: fly100 5000ms 2970ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly100 5000ms 2970ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly100 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-73deg) rotateY(475deg) rotateZ(-392deg) translateZ(326px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-73deg) rotateY(475deg) rotateZ(-392deg) translateZ(326px);
  }
  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(-73deg) rotateY(475deg) rotateZ(-392deg) translateZ(326px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-73deg) rotateY(475deg) rotateZ(-392deg) translateZ(326px);
  }
  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: #d2d2a4;
  -webkit-clip-path: polygon(-1% 245%, 6% 238%, 9% 305%, -1% 317%);
          clip-path: polygon(-1% 245%, 6% 238%, 9% 305%, -1% 317%);
  transform-origin: -22% 221%;
  -webkit-animation: fly101 5000ms 3000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
          animation: fly101 5000ms 3000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly101 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(428deg) rotateY(235deg) rotateZ(-84deg) translateZ(-1490px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(428deg) rotateY(235deg) rotateZ(-84deg) translateZ(-1490px);
  }
  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(428deg) rotateY(235deg) rotateZ(-84deg) translateZ(-1490px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(428deg) rotateY(235deg) rotateZ(-84deg) translateZ(-1490px);
  }
  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);
  }
}