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

#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: #7f878b;
    -webkit-clip-path: polygon(0% 0%, 0% 50%, 10% 50%);
    clip-path: polygon(0% 0%, 0% 50%, 10% 50%);
    transform-origin: 7% -45%;
    -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(-250deg) rotateY(138deg) rotateZ(148deg) translateZ(-1243px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-250deg) rotateY(138deg) rotateZ(148deg) translateZ(-1243px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-250deg) rotateY(138deg) rotateZ(148deg) translateZ(-1243px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-250deg) rotateY(138deg) rotateZ(148deg) translateZ(-1243px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #f1435a;
    -webkit-clip-path: polygon(0% 0%, 10% 0%, 10% 50%);
    clip-path: polygon(0% 0%, 10% 0%, 10% 50%);
    transform-origin: 31% 11%;
    -webkit-animation: fly2 5000ms 40ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly2 5000ms 40ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly2 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-117deg) rotateY(-400deg) rotateZ(-402deg) translateZ(-1701px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-117deg) rotateY(-400deg) rotateZ(-402deg) translateZ(-1701px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-117deg) rotateY(-400deg) rotateZ(-402deg) translateZ(-1701px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-117deg) rotateY(-400deg) rotateZ(-402deg) translateZ(-1701px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #3fbfc9;
    -webkit-clip-path: polygon(10% 0%, 10% 50%, 20% 50%);
    clip-path: polygon(10% 0%, 10% 50%, 20% 50%);
    transform-origin: 4% 29%;
    -webkit-animation: fly3 5000ms 80ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly3 5000ms 80ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly3 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(384deg) rotateY(-173deg) rotateZ(-411deg) translateZ(-299px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(384deg) rotateY(-173deg) rotateZ(-411deg) translateZ(-299px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(384deg) rotateY(-173deg) rotateZ(-411deg) translateZ(-299px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(384deg) rotateY(-173deg) rotateZ(-411deg) translateZ(-299px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #66d189;
    -webkit-clip-path: polygon(10% 0%, 20% 0%, 20% 50%);
    clip-path: polygon(10% 0%, 20% 0%, 20% 50%);
    transform-origin: 55% -47%;
    -webkit-animation: fly4 5000ms 120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly4 5000ms 120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly4 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(434deg) rotateY(-163deg) rotateZ(-217deg) translateZ(269px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(434deg) rotateY(-163deg) rotateZ(-217deg) translateZ(269px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-163deg) rotateZ(-217deg) translateZ(269px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(434deg) rotateY(-163deg) rotateZ(-217deg) translateZ(269px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #90d7fa;
    -webkit-clip-path: polygon(20% 0%, 20% 50%, 30% 50%);
    clip-path: polygon(20% 0%, 20% 50%, 30% 50%);
    transform-origin: 20% -34%;
    -webkit-animation: fly5 5000ms 160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly5 5000ms 160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly5 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(279deg) rotateY(187deg) rotateZ(171deg) translateZ(78px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(279deg) rotateY(187deg) rotateZ(171deg) translateZ(78px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(279deg) rotateY(187deg) rotateZ(171deg) translateZ(78px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(279deg) rotateY(187deg) rotateZ(171deg) translateZ(78px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #9edd71;
    -webkit-clip-path: polygon(20% 0%, 30% 0%, 30% 50%);
    clip-path: polygon(20% 0%, 30% 0%, 30% 50%);
    transform-origin: 64% 29%;
    -webkit-animation: fly6 5000ms 200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly6 5000ms 200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly6 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(108deg) rotateY(279deg) rotateZ(-249deg) translateZ(-777px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(108deg) rotateY(279deg) rotateZ(-249deg) translateZ(-777px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly6 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(108deg) rotateY(279deg) rotateZ(-249deg) translateZ(-777px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(108deg) rotateY(279deg) rotateZ(-249deg) translateZ(-777px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#ui .text:nth-child(7) {
    color: #d7e9d8;
    -webkit-clip-path: polygon(30% 0%, 30% 50%, 40% 50%);
    clip-path: polygon(30% 0%, 30% 50%, 40% 50%);
    transform-origin: 14% -36%;
    -webkit-animation: fly7 5000ms 240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly7 5000ms 240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly7 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(486deg) rotateY(489deg) rotateZ(-415deg) translateZ(-1171px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(486deg) rotateY(489deg) rotateZ(-415deg) translateZ(-1171px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(486deg) rotateY(489deg) rotateZ(-415deg) translateZ(-1171px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(486deg) rotateY(489deg) rotateZ(-415deg) translateZ(-1171px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #4b5994;
    -webkit-clip-path: polygon(30% 0%, 40% 0%, 40% 50%);
    clip-path: polygon(30% 0%, 40% 0%, 40% 50%);
    transform-origin: -7% -2%;
    -webkit-animation: fly8 5000ms 280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly8 5000ms 280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly8 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-316deg) rotateY(445deg) rotateZ(-34deg) translateZ(-1976px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-316deg) rotateY(445deg) rotateZ(-34deg) translateZ(-1976px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-316deg) rotateY(445deg) rotateZ(-34deg) translateZ(-1976px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-316deg) rotateY(445deg) rotateZ(-34deg) translateZ(-1976px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #5dd769;
    -webkit-clip-path: polygon(40% 0%, 40% 50%, 50% 50%);
    clip-path: polygon(40% 0%, 40% 50%, 50% 50%);
    transform-origin: 74% -4%;
    -webkit-animation: fly9 5000ms 320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly9 5000ms 320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly9 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-337deg) rotateY(-222deg) rotateZ(257deg) translateZ(-677px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-337deg) rotateY(-222deg) rotateZ(257deg) translateZ(-677px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-337deg) rotateY(-222deg) rotateZ(257deg) translateZ(-677px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-337deg) rotateY(-222deg) rotateZ(257deg) translateZ(-677px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #9d4a7e;
    -webkit-clip-path: polygon(40% 0%, 50% 0%, 50% 50%);
    clip-path: polygon(40% 0%, 50% 0%, 50% 50%);
    transform-origin: 25% 5%;
    -webkit-animation: fly10 5000ms 360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly10 5000ms 360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly10 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(477deg) rotateY(455deg) rotateZ(124deg) translateZ(-47px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(477deg) rotateY(455deg) rotateZ(124deg) translateZ(-47px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(477deg) rotateY(455deg) rotateZ(124deg) translateZ(-47px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(477deg) rotateY(455deg) rotateZ(124deg) translateZ(-47px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #6af19f;
    -webkit-clip-path: polygon(50% 0%, 50% 50%, 60% 50%);
    clip-path: polygon(50% 0%, 50% 50%, 60% 50%);
    transform-origin: 48% 46%;
    -webkit-animation: fly11 5000ms 400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly11 5000ms 400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly11 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-278deg) rotateY(-450deg) rotateZ(431deg) translateZ(71px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-278deg) rotateY(-450deg) rotateZ(431deg) translateZ(71px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-278deg) rotateY(-450deg) rotateZ(431deg) translateZ(71px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-278deg) rotateY(-450deg) rotateZ(431deg) translateZ(71px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #74a970;
    -webkit-clip-path: polygon(50% 0%, 60% 0%, 60% 50%);
    clip-path: polygon(50% 0%, 60% 0%, 60% 50%);
    transform-origin: 33% -12%;
    -webkit-animation: fly12 5000ms 440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly12 5000ms 440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly12 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-133deg) rotateY(488deg) rotateZ(41deg) translateZ(-1591px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-133deg) rotateY(488deg) rotateZ(41deg) translateZ(-1591px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-133deg) rotateY(488deg) rotateZ(41deg) translateZ(-1591px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-133deg) rotateY(488deg) rotateZ(41deg) translateZ(-1591px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #8d75d8;
    -webkit-clip-path: polygon(60% 0%, 60% 50%, 70% 50%);
    clip-path: polygon(60% 0%, 60% 50%, 70% 50%);
    transform-origin: 45% -11%;
    -webkit-animation: fly13 5000ms 480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly13 5000ms 480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly13 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(310deg) rotateY(209deg) rotateZ(470deg) translateZ(-389px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(310deg) rotateY(209deg) rotateZ(470deg) translateZ(-389px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(310deg) rotateY(209deg) rotateZ(470deg) translateZ(-389px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(310deg) rotateY(209deg) rotateZ(470deg) translateZ(-389px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #aeef6a;
    -webkit-clip-path: polygon(60% 0%, 70% 0%, 70% 50%);
    clip-path: polygon(60% 0%, 70% 0%, 70% 50%);
    transform-origin: 57% 5%;
    -webkit-animation: fly14 5000ms 520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly14 5000ms 520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly14 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-61deg) rotateY(-408deg) rotateZ(117deg) translateZ(-113px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-61deg) rotateY(-408deg) rotateZ(117deg) translateZ(-113px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-61deg) rotateY(-408deg) rotateZ(117deg) translateZ(-113px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-61deg) rotateY(-408deg) rotateZ(117deg) translateZ(-113px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #c23d7d;
    -webkit-clip-path: polygon(70% 0%, 70% 50%, 80% 50%);
    clip-path: polygon(70% 0%, 70% 50%, 80% 50%);
    transform-origin: 86% -26%;
    -webkit-animation: fly15 5000ms 560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly15 5000ms 560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly15 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-154deg) rotateY(-355deg) rotateZ(401deg) translateZ(-2014px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-154deg) rotateY(-355deg) rotateZ(401deg) translateZ(-2014px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-154deg) rotateY(-355deg) rotateZ(401deg) translateZ(-2014px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-154deg) rotateY(-355deg) rotateZ(401deg) translateZ(-2014px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #ea7dc9;
    -webkit-clip-path: polygon(70% 0%, 80% 0%, 80% 50%);
    clip-path: polygon(70% 0%, 80% 0%, 80% 50%);
    transform-origin: 29% -17%;
    -webkit-animation: fly16 5000ms 600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly16 5000ms 600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly16 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-280deg) rotateY(244deg) rotateZ(-136deg) translateZ(-2048px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-280deg) rotateY(244deg) rotateZ(-136deg) translateZ(-2048px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-280deg) rotateY(244deg) rotateZ(-136deg) translateZ(-2048px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-280deg) rotateY(244deg) rotateZ(-136deg) translateZ(-2048px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #e5b87f;
    -webkit-clip-path: polygon(80% 0%, 80% 50%, 90% 50%);
    clip-path: polygon(80% 0%, 80% 50%, 90% 50%);
    transform-origin: 123% -6%;
    -webkit-animation: fly17 5000ms 640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly17 5000ms 640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly17 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(481deg) rotateY(-207deg) rotateZ(223deg) translateZ(-1301px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(481deg) rotateY(-207deg) rotateZ(223deg) translateZ(-1301px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(481deg) rotateY(-207deg) rotateZ(223deg) translateZ(-1301px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(481deg) rotateY(-207deg) rotateZ(223deg) translateZ(-1301px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #dca2d7;
    -webkit-clip-path: polygon(80% 0%, 90% 0%, 90% 50%);
    clip-path: polygon(80% 0%, 90% 0%, 90% 50%);
    transform-origin: 122% -5%;
    -webkit-animation: fly18 5000ms 680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly18 5000ms 680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly18 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(114deg) rotateY(-142deg) rotateZ(-313deg) translateZ(-1077px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(114deg) rotateY(-142deg) rotateZ(-313deg) translateZ(-1077px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(114deg) rotateY(-142deg) rotateZ(-313deg) translateZ(-1077px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(114deg) rotateY(-142deg) rotateZ(-313deg) translateZ(-1077px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #535a8c;
    -webkit-clip-path: polygon(90% 0%, 90% 50%, 100% 50%);
    clip-path: polygon(90% 0%, 90% 50%, 100% 50%);
    transform-origin: 51% 9%;
    -webkit-animation: fly19 5000ms 720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly19 5000ms 720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly19 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-432deg) rotateY(208deg) rotateZ(-461deg) translateZ(-472px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-432deg) rotateY(208deg) rotateZ(-461deg) translateZ(-472px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-432deg) rotateY(208deg) rotateZ(-461deg) translateZ(-472px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-432deg) rotateY(208deg) rotateZ(-461deg) translateZ(-472px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #a6c34d;
    -webkit-clip-path: polygon(90% 0%, 100% 0%, 100% 50%);
    clip-path: polygon(90% 0%, 100% 0%, 100% 50%);
    transform-origin: 44% -13%;
    -webkit-animation: fly20 5000ms 760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly20 5000ms 760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly20 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-325deg) rotateY(-24deg) rotateZ(-50deg) translateZ(-1383px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-325deg) rotateY(-24deg) rotateZ(-50deg) translateZ(-1383px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-325deg) rotateY(-24deg) rotateZ(-50deg) translateZ(-1383px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-325deg) rotateY(-24deg) rotateZ(-50deg) translateZ(-1383px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #45cd52;
    -webkit-clip-path: polygon(0% 50%, 0% 100%, 10% 100%);
    clip-path: polygon(0% 50%, 0% 100%, 10% 100%);
    transform-origin: 4% 34%;
    -webkit-animation: fly21 5000ms 800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly21 5000ms 800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly21 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-78deg) rotateY(-297deg) rotateZ(174deg) translateZ(-1691px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-78deg) rotateY(-297deg) rotateZ(174deg) translateZ(-1691px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-78deg) rotateY(-297deg) rotateZ(174deg) translateZ(-1691px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-78deg) rotateY(-297deg) rotateZ(174deg) translateZ(-1691px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #81739f;
    -webkit-clip-path: polygon(0% 50%, 10% 50%, 10% 100%);
    clip-path: polygon(0% 50%, 10% 50%, 10% 100%);
    transform-origin: 44% 59%;
    -webkit-animation: fly22 5000ms 840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly22 5000ms 840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly22 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-239deg) rotateY(-107deg) rotateZ(161deg) translateZ(81px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-239deg) rotateY(-107deg) rotateZ(161deg) 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 fly22 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-239deg) rotateY(-107deg) rotateZ(161deg) translateZ(81px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-239deg) rotateY(-107deg) rotateZ(161deg) 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(23) {
    color: #51dd74;
    -webkit-clip-path: polygon(10% 50%, 10% 100%, 20% 100%);
    clip-path: polygon(10% 50%, 10% 100%, 20% 100%);
    transform-origin: -29% 45%;
    -webkit-animation: fly23 5000ms 880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly23 5000ms 880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly23 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(491deg) rotateY(0deg) rotateZ(-479deg) translateZ(-1001px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(491deg) rotateY(0deg) rotateZ(-479deg) translateZ(-1001px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(491deg) rotateY(0deg) rotateZ(-479deg) translateZ(-1001px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(491deg) rotateY(0deg) rotateZ(-479deg) translateZ(-1001px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #c79cde;
    -webkit-clip-path: polygon(10% 50%, 20% 50%, 20% 100%);
    clip-path: polygon(10% 50%, 20% 50%, 20% 100%);
    transform-origin: -8% 85%;
    -webkit-animation: fly24 5000ms 920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly24 5000ms 920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly24 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(158deg) rotateY(309deg) rotateZ(-213deg) translateZ(-1944px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(158deg) rotateY(309deg) rotateZ(-213deg) translateZ(-1944px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(158deg) rotateY(309deg) rotateZ(-213deg) translateZ(-1944px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(158deg) rotateY(309deg) rotateZ(-213deg) translateZ(-1944px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #f56fbf;
    -webkit-clip-path: polygon(20% 50%, 20% 100%, 30% 100%);
    clip-path: polygon(20% 50%, 20% 100%, 30% 100%);
    transform-origin: 28% 31%;
    -webkit-animation: fly25 5000ms 960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly25 5000ms 960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly25 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(63deg) rotateY(244deg) rotateZ(49deg) translateZ(-924px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(63deg) rotateY(244deg) rotateZ(49deg) translateZ(-924px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(63deg) rotateY(244deg) rotateZ(49deg) translateZ(-924px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(63deg) rotateY(244deg) rotateZ(49deg) translateZ(-924px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #41defd;
    -webkit-clip-path: polygon(20% 50%, 30% 50%, 30% 100%);
    clip-path: polygon(20% 50%, 30% 50%, 30% 100%);
    transform-origin: 45% 36%;
    -webkit-animation: fly26 5000ms 1000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly26 5000ms 1000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly26 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(372deg) rotateY(-123deg) rotateZ(209deg) translateZ(-2328px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(372deg) rotateY(-123deg) rotateZ(209deg) translateZ(-2328px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(372deg) rotateY(-123deg) rotateZ(209deg) translateZ(-2328px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(372deg) rotateY(-123deg) rotateZ(209deg) translateZ(-2328px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #58b9c4;
    -webkit-clip-path: polygon(30% 50%, 30% 100%, 40% 100%);
    clip-path: polygon(30% 50%, 30% 100%, 40% 100%);
    transform-origin: -5% 55%;
    -webkit-animation: fly27 5000ms 1040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly27 5000ms 1040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly27 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-185deg) rotateY(469deg) rotateZ(31deg) translateZ(-2316px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-185deg) rotateY(469deg) rotateZ(31deg) translateZ(-2316px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-185deg) rotateY(469deg) rotateZ(31deg) translateZ(-2316px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-185deg) rotateY(469deg) rotateZ(31deg) translateZ(-2316px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #d1846e;
    -webkit-clip-path: polygon(30% 50%, 40% 50%, 40% 100%);
    clip-path: polygon(30% 50%, 40% 50%, 40% 100%);
    transform-origin: 25% 30%;
    -webkit-animation: fly28 5000ms 1080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly28 5000ms 1080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly28 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(213deg) rotateY(437deg) rotateZ(-152deg) translateZ(-148px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(213deg) rotateY(437deg) rotateZ(-152deg) translateZ(-148px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(213deg) rotateY(437deg) rotateZ(-152deg) translateZ(-148px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(213deg) rotateY(437deg) rotateZ(-152deg) translateZ(-148px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #7c94ae;
    -webkit-clip-path: polygon(40% 50%, 40% 100%, 50% 100%);
    clip-path: polygon(40% 50%, 40% 100%, 50% 100%);
    transform-origin: 9% 88%;
    -webkit-animation: fly29 5000ms 1120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly29 5000ms 1120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly29 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-16deg) rotateY(-450deg) rotateZ(499deg) translateZ(183px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-16deg) rotateY(-450deg) rotateZ(499deg) 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 fly29 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-16deg) rotateY(-450deg) rotateZ(499deg) translateZ(183px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-16deg) rotateY(-450deg) rotateZ(499deg) 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(30) {
    color: #c6b6b1;
    -webkit-clip-path: polygon(40% 50%, 50% 50%, 50% 100%);
    clip-path: polygon(40% 50%, 50% 50%, 50% 100%);
    transform-origin: 85% 30%;
    -webkit-animation: fly30 5000ms 1160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly30 5000ms 1160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly30 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(412deg) rotateY(-496deg) rotateZ(-325deg) translateZ(-1137px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(412deg) rotateY(-496deg) rotateZ(-325deg) translateZ(-1137px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(412deg) rotateY(-496deg) rotateZ(-325deg) translateZ(-1137px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(412deg) rotateY(-496deg) rotateZ(-325deg) translateZ(-1137px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #e6a68e;
    -webkit-clip-path: polygon(50% 50%, 50% 100%, 60% 100%);
    clip-path: polygon(50% 50%, 50% 100%, 60% 100%);
    transform-origin: 95% 10%;
    -webkit-animation: fly31 5000ms 1200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly31 5000ms 1200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly31 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-140deg) rotateY(-283deg) rotateZ(459deg) translateZ(-138px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-140deg) rotateY(-283deg) rotateZ(459deg) translateZ(-138px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly31 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-140deg) rotateY(-283deg) rotateZ(459deg) translateZ(-138px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-140deg) rotateY(-283deg) rotateZ(459deg) translateZ(-138px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#ui .text:nth-child(32) {
    color: #794bd6;
    -webkit-clip-path: polygon(50% 50%, 60% 50%, 60% 100%);
    clip-path: polygon(50% 50%, 60% 50%, 60% 100%);
    transform-origin: 90% 38%;
    -webkit-animation: fly32 5000ms 1240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly32 5000ms 1240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly32 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-406deg) rotateY(265deg) rotateZ(264deg) translateZ(-621px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-406deg) rotateY(265deg) rotateZ(264deg) translateZ(-621px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-406deg) rotateY(265deg) rotateZ(264deg) translateZ(-621px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-406deg) rotateY(265deg) rotateZ(264deg) translateZ(-621px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #dfba9c;
    -webkit-clip-path: polygon(60% 50%, 60% 100%, 70% 100%);
    clip-path: polygon(60% 50%, 60% 100%, 70% 100%);
    transform-origin: 44% 42%;
    -webkit-animation: fly33 5000ms 1280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly33 5000ms 1280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly33 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-423deg) rotateY(-112deg) rotateZ(258deg) translateZ(-873px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-423deg) rotateY(-112deg) rotateZ(258deg) translateZ(-873px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-423deg) rotateY(-112deg) rotateZ(258deg) translateZ(-873px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-423deg) rotateY(-112deg) rotateZ(258deg) translateZ(-873px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #639d50;
    -webkit-clip-path: polygon(60% 50%, 70% 50%, 70% 100%);
    clip-path: polygon(60% 50%, 70% 50%, 70% 100%);
    transform-origin: 76% 74%;
    -webkit-animation: fly34 5000ms 1320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly34 5000ms 1320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly34 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(469deg) rotateY(0deg) rotateZ(152deg) translateZ(336px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(469deg) rotateY(0deg) rotateZ(152deg) translateZ(336px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(469deg) rotateY(0deg) rotateZ(152deg) translateZ(336px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(469deg) rotateY(0deg) rotateZ(152deg) translateZ(336px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #deac72;
    -webkit-clip-path: polygon(70% 50%, 70% 100%, 80% 100%);
    clip-path: polygon(70% 50%, 70% 100%, 80% 100%);
    transform-origin: 45% 36%;
    -webkit-animation: fly35 5000ms 1360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly35 5000ms 1360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly35 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(367deg) rotateY(-431deg) rotateZ(13deg) translateZ(-92px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(367deg) rotateY(-431deg) rotateZ(13deg) translateZ(-92px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(367deg) rotateY(-431deg) rotateZ(13deg) translateZ(-92px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(367deg) rotateY(-431deg) rotateZ(13deg) translateZ(-92px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #5243df;
    -webkit-clip-path: polygon(70% 50%, 80% 50%, 80% 100%);
    clip-path: polygon(70% 50%, 80% 50%, 80% 100%);
    transform-origin: 38% 67%;
    -webkit-animation: fly36 5000ms 1400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly36 5000ms 1400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly36 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-492deg) rotateY(-365deg) rotateZ(-327deg) translateZ(-1720px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-492deg) rotateY(-365deg) rotateZ(-327deg) translateZ(-1720px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-492deg) rotateY(-365deg) rotateZ(-327deg) translateZ(-1720px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-492deg) rotateY(-365deg) rotateZ(-327deg) translateZ(-1720px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #849687;
    -webkit-clip-path: polygon(80% 50%, 80% 100%, 90% 100%);
    clip-path: polygon(80% 50%, 80% 100%, 90% 100%);
    transform-origin: 47% 87%;
    -webkit-animation: fly37 5000ms 1440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly37 5000ms 1440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly37 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(331deg) rotateY(262deg) rotateZ(-120deg) translateZ(-1722px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(331deg) rotateY(262deg) rotateZ(-120deg) translateZ(-1722px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(331deg) rotateY(262deg) rotateZ(-120deg) translateZ(-1722px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(331deg) rotateY(262deg) rotateZ(-120deg) translateZ(-1722px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #759b5e;
    -webkit-clip-path: polygon(80% 50%, 90% 50%, 90% 100%);
    clip-path: polygon(80% 50%, 90% 50%, 90% 100%);
    transform-origin: 84% 5%;
    -webkit-animation: fly38 5000ms 1480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly38 5000ms 1480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly38 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-48deg) rotateY(299deg) rotateZ(215deg) translateZ(-1329px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-48deg) rotateY(299deg) rotateZ(215deg) translateZ(-1329px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-48deg) rotateY(299deg) rotateZ(215deg) translateZ(-1329px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-48deg) rotateY(299deg) rotateZ(215deg) translateZ(-1329px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #a55746;
    -webkit-clip-path: polygon(90% 50%, 90% 100%, 100% 100%);
    clip-path: polygon(90% 50%, 90% 100%, 100% 100%);
    transform-origin: 135% 76%;
    -webkit-animation: fly39 5000ms 1520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly39 5000ms 1520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly39 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(64deg) rotateY(-251deg) rotateZ(155deg) translateZ(481px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(64deg) rotateY(-251deg) rotateZ(155deg) translateZ(481px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(64deg) rotateY(-251deg) rotateZ(155deg) translateZ(481px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(64deg) rotateY(-251deg) rotateZ(155deg) translateZ(481px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #6f6ce1;
    -webkit-clip-path: polygon(90% 50%, 100% 50%, 100% 100%);
    clip-path: polygon(90% 50%, 100% 50%, 100% 100%);
    transform-origin: 125% 51%;
    -webkit-animation: fly40 5000ms 1560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly40 5000ms 1560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly40 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-488deg) rotateY(-302deg) rotateZ(397deg) translateZ(-1989px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-488deg) rotateY(-302deg) rotateZ(397deg) translateZ(-1989px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-488deg) rotateY(-302deg) rotateZ(397deg) translateZ(-1989px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-488deg) rotateY(-302deg) rotateZ(397deg) translateZ(-1989px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #c16489;
    -webkit-clip-path: polygon(0% 100%, 0% 150%, 10% 150%);
    clip-path: polygon(0% 100%, 0% 150%, 10% 150%);
    transform-origin: 27% 144%;
    -webkit-animation: fly41 5000ms 1600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly41 5000ms 1600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly41 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-366deg) rotateY(344deg) rotateZ(356deg) translateZ(-1351px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-366deg) rotateY(344deg) rotateZ(356deg) 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 fly41 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-366deg) rotateY(344deg) rotateZ(356deg) translateZ(-1351px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-366deg) rotateY(344deg) rotateZ(356deg) 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(42) {
    color: #60e257;
    -webkit-clip-path: polygon(0% 100%, 10% 100%, 10% 150%);
    clip-path: polygon(0% 100%, 10% 100%, 10% 150%);
    transform-origin: -18% 79%;
    -webkit-animation: fly42 5000ms 1640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly42 5000ms 1640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly42 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-373deg) rotateY(-297deg) rotateZ(133deg) translateZ(-910px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-373deg) rotateY(-297deg) rotateZ(133deg) translateZ(-910px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-373deg) rotateY(-297deg) rotateZ(133deg) translateZ(-910px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-373deg) rotateY(-297deg) rotateZ(133deg) translateZ(-910px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #8a50fd;
    -webkit-clip-path: polygon(10% 100%, 10% 150%, 20% 150%);
    clip-path: polygon(10% 100%, 10% 150%, 20% 150%);
    transform-origin: 6% 98%;
    -webkit-animation: fly43 5000ms 1680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly43 5000ms 1680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly43 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-250deg) rotateY(80deg) rotateZ(326deg) translateZ(49px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-250deg) rotateY(80deg) rotateZ(326deg) translateZ(49px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-250deg) rotateY(80deg) rotateZ(326deg) translateZ(49px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-250deg) rotateY(80deg) rotateZ(326deg) translateZ(49px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #50415a;
    -webkit-clip-path: polygon(10% 100%, 20% 100%, 20% 150%);
    clip-path: polygon(10% 100%, 20% 100%, 20% 150%);
    transform-origin: 46% 114%;
    -webkit-animation: fly44 5000ms 1720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly44 5000ms 1720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly44 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-151deg) rotateY(112deg) rotateZ(340deg) translateZ(-2145px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-151deg) rotateY(112deg) rotateZ(340deg) translateZ(-2145px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-151deg) rotateY(112deg) rotateZ(340deg) translateZ(-2145px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-151deg) rotateY(112deg) rotateZ(340deg) translateZ(-2145px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #ea61c8;
    -webkit-clip-path: polygon(20% 100%, 20% 150%, 30% 150%);
    clip-path: polygon(20% 100%, 20% 150%, 30% 150%);
    transform-origin: -26% 105%;
    -webkit-animation: fly45 5000ms 1760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly45 5000ms 1760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly45 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(328deg) rotateY(271deg) rotateZ(75deg) translateZ(-1195px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(328deg) rotateY(271deg) rotateZ(75deg) translateZ(-1195px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly45 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(328deg) rotateY(271deg) rotateZ(75deg) translateZ(-1195px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(328deg) rotateY(271deg) rotateZ(75deg) translateZ(-1195px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#ui .text:nth-child(46) {
    color: #f17460;
    -webkit-clip-path: polygon(20% 100%, 30% 100%, 30% 150%);
    clip-path: polygon(20% 100%, 30% 100%, 30% 150%);
    transform-origin: 56% 94%;
    -webkit-animation: fly46 5000ms 1800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly46 5000ms 1800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly46 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-101deg) rotateY(-378deg) rotateZ(62deg) translateZ(-2192px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-101deg) rotateY(-378deg) rotateZ(62deg) translateZ(-2192px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-101deg) rotateY(-378deg) rotateZ(62deg) translateZ(-2192px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-101deg) rotateY(-378deg) rotateZ(62deg) translateZ(-2192px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #cba083;
    -webkit-clip-path: polygon(30% 100%, 30% 150%, 40% 150%);
    clip-path: polygon(30% 100%, 30% 150%, 40% 150%);
    transform-origin: 54% 62%;
    -webkit-animation: fly47 5000ms 1840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly47 5000ms 1840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly47 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(158deg) rotateY(-467deg) rotateZ(461deg) translateZ(-1464px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(158deg) rotateY(-467deg) rotateZ(461deg) translateZ(-1464px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(158deg) rotateY(-467deg) rotateZ(461deg) translateZ(-1464px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(158deg) rotateY(-467deg) rotateZ(461deg) translateZ(-1464px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #ed598d;
    -webkit-clip-path: polygon(30% 100%, 40% 100%, 40% 150%);
    clip-path: polygon(30% 100%, 40% 100%, 40% 150%);
    transform-origin: 68% 140%;
    -webkit-animation: fly48 5000ms 1880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly48 5000ms 1880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly48 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-452deg) rotateY(-199deg) rotateZ(436deg) translateZ(-1390px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-452deg) rotateY(-199deg) rotateZ(436deg) translateZ(-1390px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-452deg) rotateY(-199deg) rotateZ(436deg) translateZ(-1390px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-452deg) rotateY(-199deg) rotateZ(436deg) translateZ(-1390px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #b0b889;
    -webkit-clip-path: polygon(40% 100%, 40% 150%, 50% 150%);
    clip-path: polygon(40% 100%, 40% 150%, 50% 150%);
    transform-origin: -2% 61%;
    -webkit-animation: fly49 5000ms 1920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly49 5000ms 1920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly49 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(307deg) rotateY(91deg) rotateZ(-423deg) translateZ(-2106px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(307deg) rotateY(91deg) rotateZ(-423deg) translateZ(-2106px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(307deg) rotateY(91deg) rotateZ(-423deg) translateZ(-2106px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(307deg) rotateY(91deg) rotateZ(-423deg) translateZ(-2106px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #e8e2d6;
    -webkit-clip-path: polygon(40% 100%, 50% 100%, 50% 150%);
    clip-path: polygon(40% 100%, 50% 100%, 50% 150%);
    transform-origin: 30% 135%;
    -webkit-animation: fly50 5000ms 1960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly50 5000ms 1960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly50 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(324deg) rotateY(405deg) rotateZ(-393deg) translateZ(-166px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(324deg) rotateY(405deg) rotateZ(-393deg) translateZ(-166px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(324deg) rotateY(405deg) rotateZ(-393deg) translateZ(-166px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(324deg) rotateY(405deg) rotateZ(-393deg) translateZ(-166px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #50deaa;
    -webkit-clip-path: polygon(50% 100%, 50% 150%, 60% 150%);
    clip-path: polygon(50% 100%, 50% 150%, 60% 150%);
    transform-origin: 31% 103%;
    -webkit-animation: fly51 5000ms 2000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly51 5000ms 2000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly51 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-110deg) rotateY(365deg) rotateZ(-256deg) translateZ(400px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-110deg) rotateY(365deg) rotateZ(-256deg) translateZ(400px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-110deg) rotateY(365deg) rotateZ(-256deg) translateZ(400px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-110deg) rotateY(365deg) rotateZ(-256deg) translateZ(400px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #556d4d;
    -webkit-clip-path: polygon(50% 100%, 60% 100%, 60% 150%);
    clip-path: polygon(50% 100%, 60% 100%, 60% 150%);
    transform-origin: 39% 54%;
    -webkit-animation: fly52 5000ms 2040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly52 5000ms 2040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly52 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-36deg) rotateY(-160deg) rotateZ(327deg) translateZ(-877px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-36deg) rotateY(-160deg) rotateZ(327deg) translateZ(-877px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-36deg) rotateY(-160deg) rotateZ(327deg) translateZ(-877px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-36deg) rotateY(-160deg) rotateZ(327deg) translateZ(-877px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #db51fd;
    -webkit-clip-path: polygon(60% 100%, 60% 150%, 70% 150%);
    clip-path: polygon(60% 100%, 60% 150%, 70% 150%);
    transform-origin: 52% 127%;
    -webkit-animation: fly53 5000ms 2080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly53 5000ms 2080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly53 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-209deg) rotateY(475deg) rotateZ(395deg) translateZ(-2366px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-209deg) rotateY(475deg) rotateZ(395deg) translateZ(-2366px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-209deg) rotateY(475deg) rotateZ(395deg) translateZ(-2366px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-209deg) rotateY(475deg) rotateZ(395deg) translateZ(-2366px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #b849f9;
    -webkit-clip-path: polygon(60% 100%, 70% 100%, 70% 150%);
    clip-path: polygon(60% 100%, 70% 100%, 70% 150%);
    transform-origin: 20% 126%;
    -webkit-animation: fly54 5000ms 2120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly54 5000ms 2120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly54 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(450deg) rotateY(-169deg) rotateZ(-497deg) translateZ(-745px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(450deg) rotateY(-169deg) rotateZ(-497deg) translateZ(-745px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(450deg) rotateY(-169deg) rotateZ(-497deg) translateZ(-745px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(450deg) rotateY(-169deg) rotateZ(-497deg) translateZ(-745px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #8958fc;
    -webkit-clip-path: polygon(70% 100%, 70% 150%, 80% 150%);
    clip-path: polygon(70% 100%, 70% 150%, 80% 150%);
    transform-origin: 58% 93%;
    -webkit-animation: fly55 5000ms 2160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly55 5000ms 2160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly55 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(68deg) rotateY(-413deg) rotateZ(-97deg) translateZ(-1791px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(68deg) rotateY(-413deg) rotateZ(-97deg) translateZ(-1791px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(68deg) rotateY(-413deg) rotateZ(-97deg) translateZ(-1791px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(68deg) rotateY(-413deg) rotateZ(-97deg) translateZ(-1791px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #5dc539;
    -webkit-clip-path: polygon(70% 100%, 80% 100%, 80% 150%);
    clip-path: polygon(70% 100%, 80% 100%, 80% 150%);
    transform-origin: 98% 117%;
    -webkit-animation: fly56 5000ms 2200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly56 5000ms 2200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly56 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(352deg) rotateY(-388deg) rotateZ(383deg) translateZ(-2230px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(352deg) rotateY(-388deg) rotateZ(383deg) translateZ(-2230px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(352deg) rotateY(-388deg) rotateZ(383deg) translateZ(-2230px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(352deg) rotateY(-388deg) rotateZ(383deg) translateZ(-2230px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #dbb0e9;
    -webkit-clip-path: polygon(80% 100%, 80% 150%, 90% 150%);
    clip-path: polygon(80% 100%, 80% 150%, 90% 150%);
    transform-origin: 40% 116%;
    -webkit-animation: fly57 5000ms 2240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly57 5000ms 2240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly57 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(95deg) rotateY(255deg) rotateZ(-189deg) translateZ(-1678px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(95deg) rotateY(255deg) rotateZ(-189deg) translateZ(-1678px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(95deg) rotateY(255deg) rotateZ(-189deg) translateZ(-1678px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(95deg) rotateY(255deg) rotateZ(-189deg) translateZ(-1678px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #56fa85;
    -webkit-clip-path: polygon(80% 100%, 90% 100%, 90% 150%);
    clip-path: polygon(80% 100%, 90% 100%, 90% 150%);
    transform-origin: 128% 98%;
    -webkit-animation: fly58 5000ms 2280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly58 5000ms 2280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly58 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-275deg) rotateY(5deg) rotateZ(-488deg) translateZ(-587px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-275deg) rotateY(5deg) rotateZ(-488deg) translateZ(-587px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-275deg) rotateY(5deg) rotateZ(-488deg) translateZ(-587px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-275deg) rotateY(5deg) rotateZ(-488deg) translateZ(-587px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #cae6c1;
    -webkit-clip-path: polygon(90% 100%, 90% 150%, 100% 150%);
    clip-path: polygon(90% 100%, 90% 150%, 100% 150%);
    transform-origin: 106% 58%;
    -webkit-animation: fly59 5000ms 2320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly59 5000ms 2320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly59 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-387deg) rotateY(376deg) rotateZ(10deg) translateZ(270px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-387deg) rotateY(376deg) rotateZ(10deg) translateZ(270px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-387deg) rotateY(376deg) rotateZ(10deg) translateZ(270px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-387deg) rotateY(376deg) rotateZ(10deg) translateZ(270px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #be4f4b;
    -webkit-clip-path: polygon(90% 100%, 100% 100%, 100% 150%);
    clip-path: polygon(90% 100%, 100% 100%, 100% 150%);
    transform-origin: 126% 51%;
    -webkit-animation: fly60 5000ms 2360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly60 5000ms 2360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly60 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-344deg) rotateY(-19deg) rotateZ(34deg) translateZ(-907px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-344deg) rotateY(-19deg) rotateZ(34deg) translateZ(-907px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-344deg) rotateY(-19deg) rotateZ(34deg) translateZ(-907px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-344deg) rotateY(-19deg) rotateZ(34deg) translateZ(-907px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #585984;
    -webkit-clip-path: polygon(0% 150%, 0% 200%, 10% 200%);
    clip-path: polygon(0% 150%, 0% 200%, 10% 200%);
    transform-origin: -39% 110%;
    -webkit-animation: fly61 5000ms 2400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly61 5000ms 2400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly61 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-156deg) rotateY(-499deg) rotateZ(170deg) translateZ(72px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-156deg) rotateY(-499deg) rotateZ(170deg) 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 fly61 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-156deg) rotateY(-499deg) rotateZ(170deg) translateZ(72px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-156deg) rotateY(-499deg) rotateZ(170deg) 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(62) {
    color: #c1feb0;
    -webkit-clip-path: polygon(0% 150%, 10% 150%, 10% 200%);
    clip-path: polygon(0% 150%, 10% 150%, 10% 200%);
    transform-origin: -4% 151%;
    -webkit-animation: fly62 5000ms 2440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly62 5000ms 2440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly62 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-468deg) rotateY(71deg) rotateZ(294deg) translateZ(-1395px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-468deg) rotateY(71deg) rotateZ(294deg) translateZ(-1395px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-468deg) rotateY(71deg) rotateZ(294deg) translateZ(-1395px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-468deg) rotateY(71deg) rotateZ(294deg) translateZ(-1395px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #77b774;
    -webkit-clip-path: polygon(10% 150%, 10% 200%, 20% 200%);
    clip-path: polygon(10% 150%, 10% 200%, 20% 200%);
    transform-origin: 60% 124%;
    -webkit-animation: fly63 5000ms 2480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly63 5000ms 2480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly63 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(16deg) rotateY(480deg) rotateZ(-124deg) translateZ(-504px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(16deg) rotateY(480deg) rotateZ(-124deg) translateZ(-504px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(16deg) rotateY(480deg) rotateZ(-124deg) translateZ(-504px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(16deg) rotateY(480deg) rotateZ(-124deg) translateZ(-504px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #a2c160;
    -webkit-clip-path: polygon(10% 150%, 20% 150%, 20% 200%);
    clip-path: polygon(10% 150%, 20% 150%, 20% 200%);
    transform-origin: 11% 171%;
    -webkit-animation: fly64 5000ms 2520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly64 5000ms 2520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly64 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(331deg) rotateY(255deg) rotateZ(374deg) translateZ(-343px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(331deg) rotateY(255deg) rotateZ(374deg) translateZ(-343px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(331deg) rotateY(255deg) rotateZ(374deg) translateZ(-343px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(331deg) rotateY(255deg) rotateZ(374deg) translateZ(-343px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #7a7a9a;
    -webkit-clip-path: polygon(20% 150%, 20% 200%, 30% 200%);
    clip-path: polygon(20% 150%, 20% 200%, 30% 200%);
    transform-origin: 7% 198%;
    -webkit-animation: fly65 5000ms 2560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly65 5000ms 2560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly65 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-292deg) rotateY(-204deg) rotateZ(395deg) translateZ(-966px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-292deg) rotateY(-204deg) rotateZ(395deg) translateZ(-966px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-292deg) rotateY(-204deg) rotateZ(395deg) translateZ(-966px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-292deg) rotateY(-204deg) rotateZ(395deg) translateZ(-966px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #80d489;
    -webkit-clip-path: polygon(20% 150%, 30% 150%, 30% 200%);
    clip-path: polygon(20% 150%, 30% 150%, 30% 200%);
    transform-origin: -22% 182%;
    -webkit-animation: fly66 5000ms 2600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly66 5000ms 2600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly66 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-481deg) rotateY(176deg) rotateZ(417deg) translateZ(-2475px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-481deg) rotateY(176deg) rotateZ(417deg) translateZ(-2475px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-481deg) rotateY(176deg) rotateZ(417deg) translateZ(-2475px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-481deg) rotateY(176deg) rotateZ(417deg) translateZ(-2475px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #7f6a8d;
    -webkit-clip-path: polygon(30% 150%, 30% 200%, 40% 200%);
    clip-path: polygon(30% 150%, 30% 200%, 40% 200%);
    transform-origin: 0% 183%;
    -webkit-animation: fly67 5000ms 2640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly67 5000ms 2640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly67 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(88deg) rotateY(-180deg) rotateZ(-279deg) translateZ(-1231px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(88deg) rotateY(-180deg) rotateZ(-279deg) translateZ(-1231px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(88deg) rotateY(-180deg) rotateZ(-279deg) translateZ(-1231px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(88deg) rotateY(-180deg) rotateZ(-279deg) translateZ(-1231px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #4191fc;
    -webkit-clip-path: polygon(30% 150%, 40% 150%, 40% 200%);
    clip-path: polygon(30% 150%, 40% 150%, 40% 200%);
    transform-origin: -3% 108%;
    -webkit-animation: fly68 5000ms 2680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly68 5000ms 2680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly68 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-347deg) rotateY(190deg) rotateZ(-187deg) translateZ(-1618px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-347deg) rotateY(190deg) rotateZ(-187deg) translateZ(-1618px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-347deg) rotateY(190deg) rotateZ(-187deg) translateZ(-1618px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-347deg) rotateY(190deg) rotateZ(-187deg) translateZ(-1618px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #ab62b9;
    -webkit-clip-path: polygon(40% 150%, 40% 200%, 50% 200%);
    clip-path: polygon(40% 150%, 40% 200%, 50% 200%);
    transform-origin: 76% 191%;
    -webkit-animation: fly69 5000ms 2720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly69 5000ms 2720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly69 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(100deg) rotateY(-400deg) rotateZ(-316deg) translateZ(-792px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(100deg) rotateY(-400deg) rotateZ(-316deg) translateZ(-792px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(100deg) rotateY(-400deg) rotateZ(-316deg) translateZ(-792px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(100deg) rotateY(-400deg) rotateZ(-316deg) translateZ(-792px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #707665;
    -webkit-clip-path: polygon(40% 150%, 50% 150%, 50% 200%);
    clip-path: polygon(40% 150%, 50% 150%, 50% 200%);
    transform-origin: 20% 196%;
    -webkit-animation: fly70 5000ms 2760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly70 5000ms 2760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly70 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(359deg) rotateY(-305deg) rotateZ(208deg) translateZ(77px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(359deg) rotateY(-305deg) rotateZ(208deg) translateZ(77px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(359deg) rotateY(-305deg) rotateZ(208deg) translateZ(77px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(359deg) rotateY(-305deg) rotateZ(208deg) translateZ(77px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #a263c0;
    -webkit-clip-path: polygon(50% 150%, 50% 200%, 60% 200%);
    clip-path: polygon(50% 150%, 50% 200%, 60% 200%);
    transform-origin: 13% 170%;
    -webkit-animation: fly71 5000ms 2800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly71 5000ms 2800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly71 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-128deg) rotateY(474deg) rotateZ(-165deg) translateZ(-1485px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-128deg) rotateY(474deg) rotateZ(-165deg) translateZ(-1485px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-128deg) rotateY(474deg) rotateZ(-165deg) translateZ(-1485px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-128deg) rotateY(474deg) rotateZ(-165deg) translateZ(-1485px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #47cfb7;
    -webkit-clip-path: polygon(50% 150%, 60% 150%, 60% 200%);
    clip-path: polygon(50% 150%, 60% 150%, 60% 200%);
    transform-origin: 100% 144%;
    -webkit-animation: fly72 5000ms 2840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly72 5000ms 2840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly72 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(225deg) rotateY(357deg) rotateZ(-477deg) translateZ(-1352px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(225deg) rotateY(357deg) rotateZ(-477deg) translateZ(-1352px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(225deg) rotateY(357deg) rotateZ(-477deg) translateZ(-1352px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(225deg) rotateY(357deg) rotateZ(-477deg) translateZ(-1352px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #604ca8;
    -webkit-clip-path: polygon(60% 150%, 60% 200%, 70% 200%);
    clip-path: polygon(60% 150%, 60% 200%, 70% 200%);
    transform-origin: 62% 108%;
    -webkit-animation: fly73 5000ms 2880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly73 5000ms 2880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly73 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(499deg) rotateY(-461deg) rotateZ(354deg) translateZ(-299px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(499deg) rotateY(-461deg) rotateZ(354deg) translateZ(-299px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(499deg) rotateY(-461deg) rotateZ(354deg) translateZ(-299px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(499deg) rotateY(-461deg) rotateZ(354deg) translateZ(-299px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #685dc7;
    -webkit-clip-path: polygon(60% 150%, 70% 150%, 70% 200%);
    clip-path: polygon(60% 150%, 70% 150%, 70% 200%);
    transform-origin: 38% 127%;
    -webkit-animation: fly74 5000ms 2920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly74 5000ms 2920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly74 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(299deg) rotateY(472deg) rotateZ(414deg) translateZ(-330px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(299deg) rotateY(472deg) rotateZ(414deg) translateZ(-330px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(299deg) rotateY(472deg) rotateZ(414deg) translateZ(-330px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(299deg) rotateY(472deg) rotateZ(414deg) translateZ(-330px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #554d73;
    -webkit-clip-path: polygon(70% 150%, 70% 200%, 80% 200%);
    clip-path: polygon(70% 150%, 70% 200%, 80% 200%);
    transform-origin: 34% 163%;
    -webkit-animation: fly75 5000ms 2960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly75 5000ms 2960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly75 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(413deg) rotateY(-116deg) rotateZ(223deg) translateZ(-2459px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(413deg) rotateY(-116deg) rotateZ(223deg) translateZ(-2459px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(413deg) rotateY(-116deg) rotateZ(223deg) translateZ(-2459px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(413deg) rotateY(-116deg) rotateZ(223deg) translateZ(-2459px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #be42da;
    -webkit-clip-path: polygon(70% 150%, 80% 150%, 80% 200%);
    clip-path: polygon(70% 150%, 80% 150%, 80% 200%);
    transform-origin: 66% 109%;
    -webkit-animation: fly76 5000ms 3000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly76 5000ms 3000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly76 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-314deg) rotateY(192deg) rotateZ(193deg) translateZ(-1862px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-314deg) rotateY(192deg) rotateZ(193deg) translateZ(-1862px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-314deg) rotateY(192deg) rotateZ(193deg) translateZ(-1862px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-314deg) rotateY(192deg) rotateZ(193deg) translateZ(-1862px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #f4b95b;
    -webkit-clip-path: polygon(80% 150%, 80% 200%, 90% 200%);
    clip-path: polygon(80% 150%, 80% 200%, 90% 200%);
    transform-origin: 77% 106%;
    -webkit-animation: fly77 5000ms 3040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly77 5000ms 3040ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly77 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(217deg) rotateY(499deg) rotateZ(-66deg) translateZ(489px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(217deg) rotateY(499deg) rotateZ(-66deg) translateZ(489px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(217deg) rotateY(499deg) rotateZ(-66deg) translateZ(489px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(217deg) rotateY(499deg) rotateZ(-66deg) translateZ(489px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #e63bd0;
    -webkit-clip-path: polygon(80% 150%, 90% 150%, 90% 200%);
    clip-path: polygon(80% 150%, 90% 150%, 90% 200%);
    transform-origin: 95% 179%;
    -webkit-animation: fly78 5000ms 3080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly78 5000ms 3080ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly78 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-86deg) rotateY(-52deg) rotateZ(43deg) translateZ(-1293px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-86deg) rotateY(-52deg) rotateZ(43deg) translateZ(-1293px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-86deg) rotateY(-52deg) rotateZ(43deg) translateZ(-1293px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-86deg) rotateY(-52deg) rotateZ(43deg) translateZ(-1293px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #f8eac3;
    -webkit-clip-path: polygon(90% 150%, 90% 200%, 100% 200%);
    clip-path: polygon(90% 150%, 90% 200%, 100% 200%);
    transform-origin: 60% 149%;
    -webkit-animation: fly79 5000ms 3120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly79 5000ms 3120ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly79 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-156deg) rotateY(437deg) rotateZ(109deg) translateZ(225px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-156deg) rotateY(437deg) rotateZ(109deg) translateZ(225px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-156deg) rotateY(437deg) rotateZ(109deg) translateZ(225px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-156deg) rotateY(437deg) rotateZ(109deg) translateZ(225px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #8a60a6;
    -webkit-clip-path: polygon(90% 150%, 100% 150%, 100% 200%);
    clip-path: polygon(90% 150%, 100% 150%, 100% 200%);
    transform-origin: 51% 166%;
    -webkit-animation: fly80 5000ms 3160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly80 5000ms 3160ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly80 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-115deg) rotateY(-475deg) rotateZ(288deg) translateZ(-495px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-115deg) rotateY(-475deg) rotateZ(288deg) translateZ(-495px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-115deg) rotateY(-475deg) rotateZ(288deg) translateZ(-495px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-115deg) rotateY(-475deg) rotateZ(288deg) translateZ(-495px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #58a3eb;
    -webkit-clip-path: polygon(0% 200%, 0% 250%, 10% 250%);
    clip-path: polygon(0% 200%, 0% 250%, 10% 250%);
    transform-origin: -40% 213%;
    -webkit-animation: fly81 5000ms 3200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly81 5000ms 3200ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly81 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-466deg) rotateY(-39deg) rotateZ(-187deg) translateZ(-2120px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-466deg) rotateY(-39deg) rotateZ(-187deg) translateZ(-2120px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-466deg) rotateY(-39deg) rotateZ(-187deg) translateZ(-2120px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-466deg) rotateY(-39deg) rotateZ(-187deg) translateZ(-2120px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #c93984;
    -webkit-clip-path: polygon(0% 200%, 10% 200%, 10% 250%);
    clip-path: polygon(0% 200%, 10% 200%, 10% 250%);
    transform-origin: -21% 172%;
    -webkit-animation: fly82 5000ms 3240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly82 5000ms 3240ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly82 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-379deg) rotateY(314deg) rotateZ(174deg) translateZ(-527px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-379deg) rotateY(314deg) rotateZ(174deg) translateZ(-527px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-379deg) rotateY(314deg) rotateZ(174deg) translateZ(-527px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-379deg) rotateY(314deg) rotateZ(174deg) translateZ(-527px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #86db86;
    -webkit-clip-path: polygon(10% 200%, 10% 250%, 20% 250%);
    clip-path: polygon(10% 200%, 10% 250%, 20% 250%);
    transform-origin: 1% 246%;
    -webkit-animation: fly83 5000ms 3280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly83 5000ms 3280ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly83 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(423deg) rotateY(-165deg) rotateZ(250deg) translateZ(-894px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(423deg) rotateY(-165deg) rotateZ(250deg) translateZ(-894px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(423deg) rotateY(-165deg) rotateZ(250deg) translateZ(-894px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(423deg) rotateY(-165deg) rotateZ(250deg) translateZ(-894px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #ea4ff9;
    -webkit-clip-path: polygon(10% 200%, 20% 200%, 20% 250%);
    clip-path: polygon(10% 200%, 20% 200%, 20% 250%);
    transform-origin: 30% 226%;
    -webkit-animation: fly84 5000ms 3320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly84 5000ms 3320ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly84 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(286deg) rotateY(109deg) rotateZ(-389deg) translateZ(-933px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(286deg) rotateY(109deg) rotateZ(-389deg) translateZ(-933px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(286deg) rotateY(109deg) rotateZ(-389deg) translateZ(-933px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(286deg) rotateY(109deg) rotateZ(-389deg) translateZ(-933px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #40803c;
    -webkit-clip-path: polygon(20% 200%, 20% 250%, 30% 250%);
    clip-path: polygon(20% 200%, 20% 250%, 30% 250%);
    transform-origin: -12% 157%;
    -webkit-animation: fly85 5000ms 3360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly85 5000ms 3360ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly85 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-67deg) rotateY(194deg) rotateZ(-454deg) translateZ(357px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-67deg) rotateY(194deg) rotateZ(-454deg) translateZ(357px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-67deg) rotateY(194deg) rotateZ(-454deg) translateZ(357px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-67deg) rotateY(194deg) rotateZ(-454deg) translateZ(357px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #f27fe3;
    -webkit-clip-path: polygon(20% 200%, 30% 200%, 30% 250%);
    clip-path: polygon(20% 200%, 30% 200%, 30% 250%);
    transform-origin: 33% 195%;
    -webkit-animation: fly86 5000ms 3400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly86 5000ms 3400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly86 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-100deg) rotateY(147deg) rotateZ(-39deg) translateZ(-1263px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-100deg) rotateY(147deg) rotateZ(-39deg) translateZ(-1263px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-100deg) rotateY(147deg) rotateZ(-39deg) translateZ(-1263px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-100deg) rotateY(147deg) rotateZ(-39deg) translateZ(-1263px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #95844f;
    -webkit-clip-path: polygon(30% 200%, 30% 250%, 40% 250%);
    clip-path: polygon(30% 200%, 30% 250%, 40% 250%);
    transform-origin: 50% 208%;
    -webkit-animation: fly87 5000ms 3440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly87 5000ms 3440ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly87 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-79deg) rotateY(249deg) rotateZ(301deg) translateZ(-2429px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-79deg) rotateY(249deg) rotateZ(301deg) translateZ(-2429px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-79deg) rotateY(249deg) rotateZ(301deg) translateZ(-2429px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-79deg) rotateY(249deg) rotateZ(301deg) translateZ(-2429px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #6199b6;
    -webkit-clip-path: polygon(30% 200%, 40% 200%, 40% 250%);
    clip-path: polygon(30% 200%, 40% 200%, 40% 250%);
    transform-origin: 50% 244%;
    -webkit-animation: fly88 5000ms 3480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly88 5000ms 3480ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly88 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(277deg) rotateY(497deg) rotateZ(-432deg) translateZ(64px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(277deg) rotateY(497deg) rotateZ(-432deg) translateZ(64px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(277deg) rotateY(497deg) rotateZ(-432deg) translateZ(64px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(277deg) rotateY(497deg) rotateZ(-432deg) translateZ(64px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #71d273;
    -webkit-clip-path: polygon(40% 200%, 40% 250%, 50% 250%);
    clip-path: polygon(40% 200%, 40% 250%, 50% 250%);
    transform-origin: 30% 194%;
    -webkit-animation: fly89 5000ms 3520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly89 5000ms 3520ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly89 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(360deg) rotateY(124deg) rotateZ(-376deg) translateZ(-1742px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(360deg) rotateY(124deg) rotateZ(-376deg) translateZ(-1742px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(360deg) rotateY(124deg) rotateZ(-376deg) translateZ(-1742px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(360deg) rotateY(124deg) rotateZ(-376deg) translateZ(-1742px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #4a634c;
    -webkit-clip-path: polygon(40% 200%, 50% 200%, 50% 250%);
    clip-path: polygon(40% 200%, 50% 200%, 50% 250%);
    transform-origin: 19% 156%;
    -webkit-animation: fly90 5000ms 3560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly90 5000ms 3560ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly90 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(437deg) rotateY(486deg) rotateZ(102deg) translateZ(-344px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(437deg) rotateY(486deg) rotateZ(102deg) 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 fly90 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(437deg) rotateY(486deg) rotateZ(102deg) translateZ(-344px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(437deg) rotateY(486deg) rotateZ(102deg) 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(91) {
    color: #9e98e4;
    -webkit-clip-path: polygon(50% 200%, 50% 250%, 60% 250%);
    clip-path: polygon(50% 200%, 50% 250%, 60% 250%);
    transform-origin: 7% 155%;
    -webkit-animation: fly91 5000ms 3600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly91 5000ms 3600ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly91 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-320deg) rotateY(-394deg) rotateZ(301deg) translateZ(-2206px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-320deg) rotateY(-394deg) rotateZ(301deg) translateZ(-2206px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-320deg) rotateY(-394deg) rotateZ(301deg) translateZ(-2206px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-320deg) rotateY(-394deg) rotateZ(301deg) translateZ(-2206px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #a1c0c8;
    -webkit-clip-path: polygon(50% 200%, 60% 200%, 60% 250%);
    clip-path: polygon(50% 200%, 60% 200%, 60% 250%);
    transform-origin: 6% 233%;
    -webkit-animation: fly92 5000ms 3640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly92 5000ms 3640ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly92 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-469deg) rotateY(-471deg) rotateZ(217deg) translateZ(-853px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-469deg) rotateY(-471deg) rotateZ(217deg) translateZ(-853px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-469deg) rotateY(-471deg) rotateZ(217deg) translateZ(-853px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-469deg) rotateY(-471deg) rotateZ(217deg) translateZ(-853px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #f29746;
    -webkit-clip-path: polygon(60% 200%, 60% 250%, 70% 250%);
    clip-path: polygon(60% 200%, 60% 250%, 70% 250%);
    transform-origin: 31% 175%;
    -webkit-animation: fly93 5000ms 3680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly93 5000ms 3680ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly93 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-66deg) rotateY(-198deg) rotateZ(345deg) translateZ(131px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-66deg) rotateY(-198deg) rotateZ(345deg) translateZ(131px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-66deg) rotateY(-198deg) rotateZ(345deg) translateZ(131px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-66deg) rotateY(-198deg) rotateZ(345deg) translateZ(131px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #98f570;
    -webkit-clip-path: polygon(60% 200%, 70% 200%, 70% 250%);
    clip-path: polygon(60% 200%, 70% 200%, 70% 250%);
    transform-origin: 20% 226%;
    -webkit-animation: fly94 5000ms 3720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly94 5000ms 3720ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly94 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-97deg) rotateY(-312deg) rotateZ(-428deg) translateZ(-660px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-97deg) rotateY(-312deg) rotateZ(-428deg) translateZ(-660px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-97deg) rotateY(-312deg) rotateZ(-428deg) translateZ(-660px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-97deg) rotateY(-312deg) rotateZ(-428deg) translateZ(-660px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #745e4a;
    -webkit-clip-path: polygon(70% 200%, 70% 250%, 80% 250%);
    clip-path: polygon(70% 200%, 70% 250%, 80% 250%);
    transform-origin: 101% 247%;
    -webkit-animation: fly95 5000ms 3760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly95 5000ms 3760ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly95 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(489deg) rotateY(-93deg) rotateZ(112deg) translateZ(-159px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(489deg) rotateY(-93deg) rotateZ(112deg) translateZ(-159px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(489deg) rotateY(-93deg) rotateZ(112deg) translateZ(-159px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(489deg) rotateY(-93deg) rotateZ(112deg) translateZ(-159px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #8cbb53;
    -webkit-clip-path: polygon(70% 200%, 80% 200%, 80% 250%);
    clip-path: polygon(70% 200%, 80% 200%, 80% 250%);
    transform-origin: 89% 168%;
    -webkit-animation: fly96 5000ms 3800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly96 5000ms 3800ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly96 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-470deg) rotateY(-18deg) rotateZ(369deg) translateZ(-1999px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-470deg) rotateY(-18deg) rotateZ(369deg) translateZ(-1999px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(-470deg) rotateY(-18deg) rotateZ(369deg) translateZ(-1999px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-470deg) rotateY(-18deg) rotateZ(369deg) translateZ(-1999px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #55d2d5;
    -webkit-clip-path: polygon(80% 200%, 80% 250%, 90% 250%);
    clip-path: polygon(80% 200%, 80% 250%, 90% 250%);
    transform-origin: 53% 179%;
    -webkit-animation: fly97 5000ms 3840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly97 5000ms 3840ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly97 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(367deg) rotateY(30deg) rotateZ(110deg) translateZ(-881px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(367deg) rotateY(30deg) rotateZ(110deg) translateZ(-881px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(367deg) rotateY(30deg) rotateZ(110deg) translateZ(-881px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(367deg) rotateY(30deg) rotateZ(110deg) translateZ(-881px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #db4cae;
    -webkit-clip-path: polygon(80% 200%, 90% 200%, 90% 250%);
    clip-path: polygon(80% 200%, 90% 200%, 90% 250%);
    transform-origin: 126% 163%;
    -webkit-animation: fly98 5000ms 3880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly98 5000ms 3880ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly98 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(73deg) rotateY(228deg) rotateZ(-258deg) translateZ(-1661px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(73deg) rotateY(228deg) rotateZ(-258deg) translateZ(-1661px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(73deg) rotateY(228deg) rotateZ(-258deg) translateZ(-1661px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(73deg) rotateY(228deg) rotateZ(-258deg) translateZ(-1661px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #ab7054;
    -webkit-clip-path: polygon(90% 200%, 90% 250%, 100% 250%);
    clip-path: polygon(90% 200%, 90% 250%, 100% 250%);
    transform-origin: 60% 161%;
    -webkit-animation: fly99 5000ms 3920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly99 5000ms 3920ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly99 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(350deg) rotateY(-48deg) rotateZ(-57deg) translateZ(-35px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(350deg) rotateY(-48deg) rotateZ(-57deg) 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 fly99 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(350deg) rotateY(-48deg) rotateZ(-57deg) translateZ(-35px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(350deg) rotateY(-48deg) rotateZ(-57deg) 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(100) {
    color: #49ead8;
    -webkit-clip-path: polygon(90% 200%, 100% 200%, 100% 250%);
    clip-path: polygon(90% 200%, 100% 200%, 100% 250%);
    transform-origin: 135% 238%;
    -webkit-animation: fly100 5000ms 3960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly100 5000ms 3960ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly100 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(218deg) rotateY(-25deg) rotateZ(-31deg) translateZ(-774px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(218deg) rotateY(-25deg) rotateZ(-31deg) translateZ(-774px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(218deg) rotateY(-25deg) rotateZ(-31deg) translateZ(-774px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(218deg) rotateY(-25deg) rotateZ(-31deg) translateZ(-774px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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: #c28696;
    -webkit-clip-path: polygon(0% 250%, 0% 300%, 10% 300%);
    clip-path: polygon(0% 250%, 0% 300%, 10% 300%);
    transform-origin: 28% 215%;
    -webkit-animation: fly101 5000ms 4000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
    animation: fly101 5000ms 4000ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly101 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(9deg) rotateY(-68deg) rotateZ(-398deg) translateZ(-778px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(9deg) rotateY(-68deg) rotateZ(-398deg) translateZ(-778px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -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(9deg) rotateY(-68deg) rotateZ(-398deg) translateZ(-778px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(9deg) rotateY(-68deg) rotateZ(-398deg) translateZ(-778px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}