body {
height: 100vh;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
perspective: 80px;
}
div {
transform-style: preserve-3d;
}
#ui .text {
position: absolute;
font-size: 12px;
color: #fff;
line-height: 8rem;
opacity: 0;
font-family: "Anton", sans-serif;
transform: translate(-50%, -50%);
mix-blend-mode: screen;
}
#ui .text:nth-child(1) {
color: #fd3203;
-webkit-clip-path: polygon(0% 0%, 0% 50%, 10% 50%);
clip-path: polygon(0% 0%, 0% 50%, 10% 50%);
transform-origin: 26% 16%;
-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(-493deg) rotateY(360deg) rotateZ(-143deg) translateZ(-1421px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-493deg) rotateY(360deg) rotateZ(-143deg) translateZ(-1421px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-493deg) rotateY(360deg) rotateZ(-143deg) translateZ(-1421px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-493deg) rotateY(360deg) rotateZ(-143deg) translateZ(-1421px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(2) {
color: #fb3106;
-webkit-clip-path: polygon(0% 0%, 10% 0%, 10% 50%);
clip-path: polygon(0% 0%, 10% 0%, 10% 50%);
transform-origin: 43% -6%;
-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(-260deg) rotateY(-411deg) rotateZ(-123deg) translateZ(-1149px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-260deg) rotateY(-411deg) rotateZ(-123deg) translateZ(-1149px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
@keyframes fly2 {
0% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-260deg) rotateY(-411deg) rotateZ(-123deg) translateZ(-1149px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-260deg) rotateY(-411deg) rotateZ(-123deg) translateZ(-1149px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(3) {
color: #f93109;
-webkit-clip-path: polygon(10% 0%, 10% 50%, 20% 50%);
clip-path: polygon(10% 0%, 10% 50%, 20% 50%);
transform-origin: 28% -11%;
-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(-465deg) rotateY(-166deg) rotateZ(4deg) translateZ(-1648px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-465deg) rotateY(-166deg) rotateZ(4deg) translateZ(-1648px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-465deg) rotateY(-166deg) rotateZ(4deg) translateZ(-1648px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-465deg) rotateY(-166deg) rotateZ(4deg) translateZ(-1648px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(4) {
color: #f7300c;
-webkit-clip-path: polygon(10% 0%, 20% 0%, 20% 50%);
clip-path: polygon(10% 0%, 20% 0%, 20% 50%);
transform-origin: 55% 35%;
-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(-371deg) rotateY(39deg) rotateZ(-373deg) translateZ(-1722px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-371deg) rotateY(39deg) rotateZ(-373deg) 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 fly4 {
0% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-371deg) rotateY(39deg) rotateZ(-373deg) translateZ(-1722px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-371deg) rotateY(39deg) rotateZ(-373deg) 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(5) {
color: #f5300f;
-webkit-clip-path: polygon(20% 0%, 20% 50%, 30% 50%);
clip-path: polygon(20% 0%, 20% 50%, 30% 50%);
transform-origin: -8% -43%;
-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(135deg) rotateY(195deg) rotateZ(390deg) translateZ(-996px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(135deg) rotateY(195deg) rotateZ(390deg) translateZ(-996px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(135deg) rotateY(195deg) rotateZ(390deg) translateZ(-996px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(135deg) rotateY(195deg) rotateZ(390deg) translateZ(-996px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(6) {
color: #f32f12;
-webkit-clip-path: polygon(20% 0%, 30% 0%, 30% 50%);
clip-path: polygon(20% 0%, 30% 0%, 30% 50%);
transform-origin: 50% -25%;
-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(-34deg) rotateY(-355deg) rotateZ(35deg) translateZ(-1799px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-34deg) rotateY(-355deg) rotateZ(35deg) translateZ(-1799px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-34deg) rotateY(-355deg) rotateZ(35deg) translateZ(-1799px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-34deg) rotateY(-355deg) rotateZ(35deg) translateZ(-1799px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(7) {
color: #f12f15;
-webkit-clip-path: polygon(30% 0%, 30% 50%, 40% 50%);
clip-path: polygon(30% 0%, 30% 50%, 40% 50%);
transform-origin: 37% 12%;
-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(-203deg) rotateY(485deg) rotateZ(-265deg) translateZ(-2281px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-203deg) rotateY(485deg) rotateZ(-265deg) translateZ(-2281px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-203deg) rotateY(485deg) rotateZ(-265deg) translateZ(-2281px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-203deg) rotateY(485deg) rotateZ(-265deg) translateZ(-2281px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(8) {
color: #ef2e18;
-webkit-clip-path: polygon(30% 0%, 40% 0%, 40% 50%);
clip-path: polygon(30% 0%, 40% 0%, 40% 50%);
transform-origin: 48% 26%;
-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(-86deg) rotateY(35deg) rotateZ(-260deg) translateZ(211px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-86deg) rotateY(35deg) rotateZ(-260deg) translateZ(211px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-86deg) rotateY(35deg) rotateZ(-260deg) translateZ(211px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-86deg) rotateY(35deg) rotateZ(-260deg) translateZ(211px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(9) {
color: #ed2e1b;
-webkit-clip-path: polygon(40% 0%, 40% 50%, 50% 50%);
clip-path: polygon(40% 0%, 40% 50%, 50% 50%);
transform-origin: 1% -14%;
-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(-345deg) rotateY(-331deg) rotateZ(238deg) translateZ(-2029px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-345deg) rotateY(-331deg) rotateZ(238deg) translateZ(-2029px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-345deg) rotateY(-331deg) rotateZ(238deg) translateZ(-2029px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-345deg) rotateY(-331deg) rotateZ(238deg) translateZ(-2029px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(10) {
color: #eb2d1e;
-webkit-clip-path: polygon(40% 0%, 50% 0%, 50% 50%);
clip-path: polygon(40% 0%, 50% 0%, 50% 50%);
transform-origin: 26% -23%;
-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(-264deg) rotateY(-496deg) rotateZ(402deg) translateZ(-668px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-264deg) rotateY(-496deg) rotateZ(402deg) translateZ(-668px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-264deg) rotateY(-496deg) rotateZ(402deg) translateZ(-668px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-264deg) rotateY(-496deg) rotateZ(402deg) translateZ(-668px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(11) {
color: #e92d21;
-webkit-clip-path: polygon(50% 0%, 50% 50%, 60% 50%);
clip-path: polygon(50% 0%, 50% 50%, 60% 50%);
transform-origin: 78% 10%;
-webkit-animation: fly11 5000ms 400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
animation: fly11 5000ms 400ms cubic-bezier(0.36, 0.1, 0.16, 1) infinite alternate;
}
@-webkit-keyframes fly11 {
0% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-377deg) rotateY(-17deg) rotateZ(486deg) translateZ(-210px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-377deg) rotateY(-17deg) rotateZ(486deg) translateZ(-210px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-377deg) rotateY(-17deg) rotateZ(486deg) translateZ(-210px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-377deg) rotateY(-17deg) rotateZ(486deg) translateZ(-210px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(12) {
color: #e72c24;
-webkit-clip-path: polygon(50% 0%, 60% 0%, 60% 50%);
clip-path: polygon(50% 0%, 60% 0%, 60% 50%);
transform-origin: 58% -3%;
-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(-179deg) rotateY(-10deg) rotateZ(-125deg) translateZ(-2325px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-179deg) rotateY(-10deg) rotateZ(-125deg) translateZ(-2325px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
@keyframes fly12 {
0% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-179deg) rotateY(-10deg) rotateZ(-125deg) translateZ(-2325px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-179deg) rotateY(-10deg) rotateZ(-125deg) translateZ(-2325px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(13) {
color: #e52c27;
-webkit-clip-path: polygon(60% 0%, 60% 50%, 70% 50%);
clip-path: polygon(60% 0%, 60% 50%, 70% 50%);
transform-origin: 93% 31%;
-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(-370deg) rotateY(388deg) rotateZ(-231deg) translateZ(-756px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-370deg) rotateY(388deg) rotateZ(-231deg) translateZ(-756px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-370deg) rotateY(388deg) rotateZ(-231deg) translateZ(-756px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-370deg) rotateY(388deg) rotateZ(-231deg) translateZ(-756px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(14) {
color: #e32b2a;
-webkit-clip-path: polygon(60% 0%, 70% 0%, 70% 50%);
clip-path: polygon(60% 0%, 70% 0%, 70% 50%);
transform-origin: 80% -27%;
-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(291deg) rotateY(-253deg) rotateZ(342deg) translateZ(-2241px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(291deg) rotateY(-253deg) rotateZ(342deg) translateZ(-2241px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(291deg) rotateY(-253deg) rotateZ(342deg) translateZ(-2241px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(291deg) rotateY(-253deg) rotateZ(342deg) translateZ(-2241px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(15) {
color: #e12b2d;
-webkit-clip-path: polygon(70% 0%, 70% 50%, 80% 50%);
clip-path: polygon(70% 0%, 70% 50%, 80% 50%);
transform-origin: 93% -3%;
-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(-25deg) rotateY(-224deg) rotateZ(-195deg) translateZ(-395px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-25deg) rotateY(-224deg) rotateZ(-195deg) translateZ(-395px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-25deg) rotateY(-224deg) rotateZ(-195deg) translateZ(-395px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-25deg) rotateY(-224deg) rotateZ(-195deg) translateZ(-395px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(16) {
color: #df2a30;
-webkit-clip-path: polygon(70% 0%, 80% 0%, 80% 50%);
clip-path: polygon(70% 0%, 80% 0%, 80% 50%);
transform-origin: 72% -8%;
-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(353deg) rotateY(-388deg) rotateZ(95deg) translateZ(-1425px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(353deg) rotateY(-388deg) rotateZ(95deg) translateZ(-1425px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(353deg) rotateY(-388deg) rotateZ(95deg) translateZ(-1425px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(353deg) rotateY(-388deg) rotateZ(95deg) translateZ(-1425px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(17) {
color: #dd2a33;
-webkit-clip-path: polygon(80% 0%, 80% 50%, 90% 50%);
clip-path: polygon(80% 0%, 80% 50%, 90% 50%);
transform-origin: 93% -32%;
-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(183deg) rotateY(189deg) rotateZ(127deg) translateZ(-1847px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(183deg) rotateY(189deg) rotateZ(127deg) translateZ(-1847px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(183deg) rotateY(189deg) rotateZ(127deg) translateZ(-1847px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(183deg) rotateY(189deg) rotateZ(127deg) translateZ(-1847px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(18) {
color: #db2936;
-webkit-clip-path: polygon(80% 0%, 90% 0%, 90% 50%);
clip-path: polygon(80% 0%, 90% 0%, 90% 50%);
transform-origin: 36% 38%;
-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(-320deg) rotateY(147deg) rotateZ(-82deg) translateZ(-1955px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-320deg) rotateY(147deg) rotateZ(-82deg) translateZ(-1955px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
@keyframes fly18 {
0% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-320deg) rotateY(147deg) rotateZ(-82deg) translateZ(-1955px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-320deg) rotateY(147deg) rotateZ(-82deg) translateZ(-1955px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(19) {
color: #d92939;
-webkit-clip-path: polygon(90% 0%, 90% 50%, 100% 50%);
clip-path: polygon(90% 0%, 90% 50%, 100% 50%);
transform-origin: 71% -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(-372deg) rotateY(-433deg) rotateZ(-320deg) translateZ(48px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-372deg) rotateY(-433deg) rotateZ(-320deg) translateZ(48px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-372deg) rotateY(-433deg) rotateZ(-320deg) translateZ(48px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-372deg) rotateY(-433deg) rotateZ(-320deg) translateZ(48px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(20) {
color: #d7283c;
-webkit-clip-path: polygon(90% 0%, 100% 0%, 100% 50%);
clip-path: polygon(90% 0%, 100% 0%, 100% 50%);
transform-origin: 59% -41%;
-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(-251deg) rotateY(325deg) rotateZ(-222deg) translateZ(-2318px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-251deg) rotateY(325deg) rotateZ(-222deg) translateZ(-2318px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-251deg) rotateY(325deg) rotateZ(-222deg) translateZ(-2318px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-251deg) rotateY(325deg) rotateZ(-222deg) translateZ(-2318px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(21) {
color: #d5283f;
-webkit-clip-path: polygon(0% 50%, 0% 100%, 10% 100%);
clip-path: polygon(0% 50%, 0% 100%, 10% 100%);
transform-origin: 15% 13%;
-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(-153deg) rotateY(344deg) rotateZ(417deg) translateZ(-640px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-153deg) rotateY(344deg) rotateZ(417deg) translateZ(-640px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-153deg) rotateY(344deg) rotateZ(417deg) translateZ(-640px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-153deg) rotateY(344deg) rotateZ(417deg) translateZ(-640px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(22) {
color: #d32742;
-webkit-clip-path: polygon(0% 50%, 10% 50%, 10% 100%);
clip-path: polygon(0% 50%, 10% 50%, 10% 100%);
transform-origin: -8% 92%;
-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(-199deg) rotateY(201deg) rotateZ(20deg) translateZ(-805px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-199deg) rotateY(201deg) rotateZ(20deg) translateZ(-805px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-199deg) rotateY(201deg) rotateZ(20deg) translateZ(-805px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-199deg) rotateY(201deg) rotateZ(20deg) translateZ(-805px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(23) {
color: #d12745;
-webkit-clip-path: polygon(10% 50%, 10% 100%, 20% 100%);
clip-path: polygon(10% 50%, 10% 100%, 20% 100%);
transform-origin: -7% 97%;
-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(206deg) rotateY(-6deg) rotateZ(-5deg) translateZ(-874px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(206deg) rotateY(-6deg) rotateZ(-5deg) translateZ(-874px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(206deg) rotateY(-6deg) rotateZ(-5deg) translateZ(-874px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(206deg) rotateY(-6deg) rotateZ(-5deg) translateZ(-874px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(24) {
color: #cf2648;
-webkit-clip-path: polygon(10% 50%, 20% 50%, 20% 100%);
clip-path: polygon(10% 50%, 20% 50%, 20% 100%);
transform-origin: 19% 23%;
-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(357deg) rotateY(190deg) rotateZ(-111deg) translateZ(-1938px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(357deg) rotateY(190deg) rotateZ(-111deg) translateZ(-1938px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(357deg) rotateY(190deg) rotateZ(-111deg) translateZ(-1938px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(357deg) rotateY(190deg) rotateZ(-111deg) translateZ(-1938px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(25) {
color: #cd264b;
-webkit-clip-path: polygon(20% 50%, 20% 100%, 30% 100%);
clip-path: polygon(20% 50%, 20% 100%, 30% 100%);
transform-origin: 51% 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(71deg) rotateY(-337deg) rotateZ(167deg) translateZ(-757px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(71deg) rotateY(-337deg) rotateZ(167deg) translateZ(-757px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(71deg) rotateY(-337deg) rotateZ(167deg) translateZ(-757px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(71deg) rotateY(-337deg) rotateZ(167deg) translateZ(-757px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(26) {
color: #cb254e;
-webkit-clip-path: polygon(20% 50%, 30% 50%, 30% 100%);
clip-path: polygon(20% 50%, 30% 50%, 30% 100%);
transform-origin: -28% 24%;
-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(-224deg) rotateY(-146deg) rotateZ(307deg) translateZ(-281px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-224deg) rotateY(-146deg) rotateZ(307deg) translateZ(-281px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-224deg) rotateY(-146deg) rotateZ(307deg) translateZ(-281px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-224deg) rotateY(-146deg) rotateZ(307deg) translateZ(-281px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(27) {
color: #c92551;
-webkit-clip-path: polygon(30% 50%, 30% 100%, 40% 100%);
clip-path: polygon(30% 50%, 30% 100%, 40% 100%);
transform-origin: 76% 44%;
-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(-208deg) rotateY(-288deg) rotateZ(19deg) translateZ(267px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-208deg) rotateY(-288deg) rotateZ(19deg) translateZ(267px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-208deg) rotateY(-288deg) rotateZ(19deg) translateZ(267px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-208deg) rotateY(-288deg) rotateZ(19deg) translateZ(267px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(28) {
color: #c72454;
-webkit-clip-path: polygon(30% 50%, 40% 50%, 40% 100%);
clip-path: polygon(30% 50%, 40% 50%, 40% 100%);
transform-origin: -4% 40%;
-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(314deg) rotateY(-173deg) rotateZ(385deg) translateZ(-1803px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(314deg) rotateY(-173deg) rotateZ(385deg) translateZ(-1803px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(314deg) rotateY(-173deg) rotateZ(385deg) translateZ(-1803px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(314deg) rotateY(-173deg) rotateZ(385deg) translateZ(-1803px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(29) {
color: #c52457;
-webkit-clip-path: polygon(40% 50%, 40% 100%, 50% 100%);
clip-path: polygon(40% 50%, 40% 100%, 50% 100%);
transform-origin: 8% 2%;
-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(-385deg) rotateY(475deg) rotateZ(-306deg) translateZ(325px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-385deg) rotateY(475deg) rotateZ(-306deg) translateZ(325px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
@keyframes fly29 {
0% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-385deg) rotateY(475deg) rotateZ(-306deg) translateZ(325px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-385deg) rotateY(475deg) rotateZ(-306deg) translateZ(325px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(30) {
color: #c3235a;
-webkit-clip-path: polygon(40% 50%, 50% 50%, 50% 100%);
clip-path: polygon(40% 50%, 50% 50%, 50% 100%);
transform-origin: 33% 71%;
-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(226deg) rotateY(-256deg) rotateZ(211deg) translateZ(-119px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(226deg) rotateY(-256deg) rotateZ(211deg) translateZ(-119px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(226deg) rotateY(-256deg) rotateZ(211deg) translateZ(-119px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(226deg) rotateY(-256deg) rotateZ(211deg) translateZ(-119px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(31) {
color: #c1235d;
-webkit-clip-path: polygon(50% 50%, 50% 100%, 60% 100%);
clip-path: polygon(50% 50%, 50% 100%, 60% 100%);
transform-origin: 27% 77%;
-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(33deg) rotateY(-244deg) rotateZ(233deg) translateZ(-1713px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(33deg) rotateY(-244deg) rotateZ(233deg) translateZ(-1713px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(33deg) rotateY(-244deg) rotateZ(233deg) translateZ(-1713px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(33deg) rotateY(-244deg) rotateZ(233deg) translateZ(-1713px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(32) {
color: #bf2260;
-webkit-clip-path: polygon(50% 50%, 60% 50%, 60% 100%);
clip-path: polygon(50% 50%, 60% 50%, 60% 100%);
transform-origin: 47% 76%;
-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(-207deg) rotateY(-399deg) rotateZ(410deg) translateZ(-827px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-207deg) rotateY(-399deg) rotateZ(410deg) translateZ(-827px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-207deg) rotateY(-399deg) rotateZ(410deg) translateZ(-827px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-207deg) rotateY(-399deg) rotateZ(410deg) translateZ(-827px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(33) {
color: #bd2263;
-webkit-clip-path: polygon(60% 50%, 60% 100%, 70% 100%);
clip-path: polygon(60% 50%, 60% 100%, 70% 100%);
transform-origin: 15% 51%;
-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(-39deg) rotateY(-365deg) rotateZ(-327deg) translateZ(-954px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-39deg) rotateY(-365deg) rotateZ(-327deg) translateZ(-954px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-39deg) rotateY(-365deg) rotateZ(-327deg) translateZ(-954px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-39deg) rotateY(-365deg) rotateZ(-327deg) translateZ(-954px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(34) {
color: #bb2166;
-webkit-clip-path: polygon(60% 50%, 70% 50%, 70% 100%);
clip-path: polygon(60% 50%, 70% 50%, 70% 100%);
transform-origin: 14% 95%;
-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(-137deg) rotateY(373deg) rotateZ(65deg) translateZ(-2479px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-137deg) rotateY(373deg) rotateZ(65deg) translateZ(-2479px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-137deg) rotateY(373deg) rotateZ(65deg) translateZ(-2479px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-137deg) rotateY(373deg) rotateZ(65deg) translateZ(-2479px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(35) {
color: #b92169;
-webkit-clip-path: polygon(70% 50%, 70% 100%, 80% 100%);
clip-path: polygon(70% 50%, 70% 100%, 80% 100%);
transform-origin: 32% 4%;
-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(352deg) rotateY(-127deg) rotateZ(259deg) translateZ(-214px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(352deg) rotateY(-127deg) rotateZ(259deg) translateZ(-214px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(352deg) rotateY(-127deg) rotateZ(259deg) translateZ(-214px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(352deg) rotateY(-127deg) rotateZ(259deg) translateZ(-214px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(36) {
color: #b7206c;
-webkit-clip-path: polygon(70% 50%, 80% 50%, 80% 100%);
clip-path: polygon(70% 50%, 80% 50%, 80% 100%);
transform-origin: 32% 14%;
-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(-456deg) rotateY(-385deg) rotateZ(-156deg) translateZ(-2124px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-456deg) rotateY(-385deg) rotateZ(-156deg) translateZ(-2124px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-456deg) rotateY(-385deg) rotateZ(-156deg) translateZ(-2124px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-456deg) rotateY(-385deg) rotateZ(-156deg) translateZ(-2124px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(37) {
color: #b5206f;
-webkit-clip-path: polygon(80% 50%, 80% 100%, 90% 100%);
clip-path: polygon(80% 50%, 80% 100%, 90% 100%);
transform-origin: 91% 36%;
-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(488deg) rotateY(-213deg) rotateZ(487deg) translateZ(-1588px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(488deg) rotateY(-213deg) rotateZ(487deg) translateZ(-1588px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(488deg) rotateY(-213deg) rotateZ(487deg) translateZ(-1588px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(488deg) rotateY(-213deg) rotateZ(487deg) translateZ(-1588px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(38) {
color: #b31f72;
-webkit-clip-path: polygon(80% 50%, 90% 50%, 90% 100%);
clip-path: polygon(80% 50%, 90% 50%, 90% 100%);
transform-origin: 63% 69%;
-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(344deg) rotateY(-391deg) rotateZ(463deg) translateZ(-976px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(344deg) rotateY(-391deg) rotateZ(463deg) translateZ(-976px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(344deg) rotateY(-391deg) rotateZ(463deg) translateZ(-976px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(344deg) rotateY(-391deg) rotateZ(463deg) translateZ(-976px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(39) {
color: #b11f75;
-webkit-clip-path: polygon(90% 50%, 90% 100%, 100% 100%);
clip-path: polygon(90% 50%, 90% 100%, 100% 100%);
transform-origin: 71% 2%;
-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(-193deg) rotateY(343deg) rotateZ(-95deg) translateZ(-1432px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-193deg) rotateY(343deg) rotateZ(-95deg) translateZ(-1432px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-193deg) rotateY(343deg) rotateZ(-95deg) translateZ(-1432px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-193deg) rotateY(343deg) rotateZ(-95deg) translateZ(-1432px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(40) {
color: #af1e78;
-webkit-clip-path: polygon(90% 50%, 100% 50%, 100% 100%);
clip-path: polygon(90% 50%, 100% 50%, 100% 100%);
transform-origin: 41% 75%;
-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(-306deg) rotateY(463deg) rotateZ(-324deg) translateZ(-2332px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-306deg) rotateY(463deg) rotateZ(-324deg) translateZ(-2332px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-306deg) rotateY(463deg) rotateZ(-324deg) translateZ(-2332px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-306deg) rotateY(463deg) rotateZ(-324deg) translateZ(-2332px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(41) {
color: #ad1e7b;
-webkit-clip-path: polygon(0% 100%, 0% 150%, 10% 150%);
clip-path: polygon(0% 100%, 0% 150%, 10% 150%);
transform-origin: -25% 72%;
-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(-129deg) rotateY(-469deg) rotateZ(328deg) translateZ(-1543px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-129deg) rotateY(-469deg) rotateZ(328deg) translateZ(-1543px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-129deg) rotateY(-469deg) rotateZ(328deg) translateZ(-1543px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-129deg) rotateY(-469deg) rotateZ(328deg) translateZ(-1543px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(42) {
color: #ab1d7e;
-webkit-clip-path: polygon(0% 100%, 10% 100%, 10% 150%);
clip-path: polygon(0% 100%, 10% 100%, 10% 150%);
transform-origin: -44% 111%;
-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(-105deg) rotateY(175deg) rotateZ(81deg) translateZ(3px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-105deg) rotateY(175deg) rotateZ(81deg) translateZ(3px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-105deg) rotateY(175deg) rotateZ(81deg) translateZ(3px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-105deg) rotateY(175deg) rotateZ(81deg) translateZ(3px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(43) {
color: #a91d81;
-webkit-clip-path: polygon(10% 100%, 10% 150%, 20% 150%);
clip-path: polygon(10% 100%, 10% 150%, 20% 150%);
transform-origin: -27% 103%;
-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(304deg) rotateY(53deg) rotateZ(369deg) translateZ(-495px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(304deg) rotateY(53deg) rotateZ(369deg) 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 fly43 {
0% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(304deg) rotateY(53deg) rotateZ(369deg) translateZ(-495px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(304deg) rotateY(53deg) rotateZ(369deg) 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(44) {
color: #a71c84;
-webkit-clip-path: polygon(10% 100%, 20% 100%, 20% 150%);
clip-path: polygon(10% 100%, 20% 100%, 20% 150%);
transform-origin: 36% 98%;
-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(3deg) rotateY(387deg) rotateZ(286deg) translateZ(-1814px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(3deg) rotateY(387deg) rotateZ(286deg) translateZ(-1814px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(3deg) rotateY(387deg) rotateZ(286deg) translateZ(-1814px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(3deg) rotateY(387deg) rotateZ(286deg) translateZ(-1814px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(45) {
color: #a51c87;
-webkit-clip-path: polygon(20% 100%, 20% 150%, 30% 150%);
clip-path: polygon(20% 100%, 20% 150%, 30% 150%);
transform-origin: 20% 135%;
-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(409deg) rotateY(-450deg) rotateZ(-170deg) translateZ(-1532px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(409deg) rotateY(-450deg) rotateZ(-170deg) translateZ(-1532px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(409deg) rotateY(-450deg) rotateZ(-170deg) translateZ(-1532px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(409deg) rotateY(-450deg) rotateZ(-170deg) translateZ(-1532px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(46) {
color: #a31b8a;
-webkit-clip-path: polygon(20% 100%, 30% 100%, 30% 150%);
clip-path: polygon(20% 100%, 30% 100%, 30% 150%);
transform-origin: 66% 102%;
-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(-156deg) rotateY(-244deg) rotateZ(-454deg) translateZ(175px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-156deg) rotateY(-244deg) rotateZ(-454deg) translateZ(175px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-156deg) rotateY(-244deg) rotateZ(-454deg) translateZ(175px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-156deg) rotateY(-244deg) rotateZ(-454deg) translateZ(175px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(47) {
color: #a11b8d;
-webkit-clip-path: polygon(30% 100%, 30% 150%, 40% 150%);
clip-path: polygon(30% 100%, 30% 150%, 40% 150%);
transform-origin: 36% 135%;
-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(-189deg) rotateY(336deg) rotateZ(-158deg) translateZ(-451px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-189deg) rotateY(336deg) rotateZ(-158deg) translateZ(-451px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-189deg) rotateY(336deg) rotateZ(-158deg) translateZ(-451px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-189deg) rotateY(336deg) rotateZ(-158deg) translateZ(-451px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(48) {
color: #9f1a90;
-webkit-clip-path: polygon(30% 100%, 40% 100%, 40% 150%);
clip-path: polygon(30% 100%, 40% 100%, 40% 150%);
transform-origin: 57% 136%;
-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(-268deg) rotateY(-429deg) rotateZ(475deg) translateZ(-1002px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-268deg) rotateY(-429deg) rotateZ(475deg) translateZ(-1002px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-268deg) rotateY(-429deg) rotateZ(475deg) translateZ(-1002px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-268deg) rotateY(-429deg) rotateZ(475deg) translateZ(-1002px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(49) {
color: #9d1a93;
-webkit-clip-path: polygon(40% 100%, 40% 150%, 50% 150%);
clip-path: polygon(40% 100%, 40% 150%, 50% 150%);
transform-origin: 80% 104%;
-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(-122deg) rotateY(68deg) rotateZ(94deg) translateZ(-2144px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-122deg) rotateY(68deg) rotateZ(94deg) translateZ(-2144px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-122deg) rotateY(68deg) rotateZ(94deg) translateZ(-2144px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-122deg) rotateY(68deg) rotateZ(94deg) translateZ(-2144px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(50) {
color: #9b1996;
-webkit-clip-path: polygon(40% 100%, 50% 100%, 50% 150%);
clip-path: polygon(40% 100%, 50% 100%, 50% 150%);
transform-origin: 42% 144%;
-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(94deg) rotateY(17deg) rotateZ(296deg) translateZ(-315px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(94deg) rotateY(17deg) rotateZ(296deg) translateZ(-315px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(94deg) rotateY(17deg) rotateZ(296deg) translateZ(-315px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(94deg) rotateY(17deg) rotateZ(296deg) translateZ(-315px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(51) {
color: #991999;
-webkit-clip-path: polygon(50% 100%, 50% 150%, 60% 150%);
clip-path: polygon(50% 100%, 50% 150%, 60% 150%);
transform-origin: 33% 55%;
-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(-9deg) rotateY(395deg) rotateZ(182deg) translateZ(385px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-9deg) rotateY(395deg) rotateZ(182deg) translateZ(385px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-9deg) rotateY(395deg) rotateZ(182deg) translateZ(385px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-9deg) rotateY(395deg) rotateZ(182deg) translateZ(385px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(52) {
color: #97189c;
-webkit-clip-path: polygon(50% 100%, 60% 100%, 60% 150%);
clip-path: polygon(50% 100%, 60% 100%, 60% 150%);
transform-origin: 13% 122%;
-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(-130deg) rotateY(-164deg) rotateZ(-82deg) translateZ(-85px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-130deg) rotateY(-164deg) rotateZ(-82deg) translateZ(-85px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
@keyframes fly52 {
0% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-130deg) rotateY(-164deg) rotateZ(-82deg) translateZ(-85px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-130deg) rotateY(-164deg) rotateZ(-82deg) translateZ(-85px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(53) {
color: #95189f;
-webkit-clip-path: polygon(60% 100%, 60% 150%, 70% 150%);
clip-path: polygon(60% 100%, 60% 150%, 70% 150%);
transform-origin: 85% 109%;
-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(-134deg) rotateY(-447deg) rotateZ(460deg) translateZ(42px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-134deg) rotateY(-447deg) rotateZ(460deg) translateZ(42px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-134deg) rotateY(-447deg) rotateZ(460deg) translateZ(42px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-134deg) rotateY(-447deg) rotateZ(460deg) translateZ(42px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(54) {
color: #9317a2;
-webkit-clip-path: polygon(60% 100%, 70% 100%, 70% 150%);
clip-path: polygon(60% 100%, 70% 100%, 70% 150%);
transform-origin: 41% 60%;
-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(-69deg) rotateY(-383deg) rotateZ(-238deg) translateZ(215px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-69deg) rotateY(-383deg) rotateZ(-238deg) translateZ(215px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-69deg) rotateY(-383deg) rotateZ(-238deg) translateZ(215px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-69deg) rotateY(-383deg) rotateZ(-238deg) translateZ(215px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(55) {
color: #9117a5;
-webkit-clip-path: polygon(70% 100%, 70% 150%, 80% 150%);
clip-path: polygon(70% 100%, 70% 150%, 80% 150%);
transform-origin: 111% 149%;
-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(-264deg) rotateY(227deg) rotateZ(-426deg) translateZ(-2114px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-264deg) rotateY(227deg) rotateZ(-426deg) translateZ(-2114px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-264deg) rotateY(227deg) rotateZ(-426deg) translateZ(-2114px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-264deg) rotateY(227deg) rotateZ(-426deg) translateZ(-2114px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(56) {
color: #8f16a8;
-webkit-clip-path: polygon(70% 100%, 80% 100%, 80% 150%);
clip-path: polygon(70% 100%, 80% 100%, 80% 150%);
transform-origin: 45% 91%;
-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(39deg) rotateY(-100deg) rotateZ(-223deg) translateZ(496px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(39deg) rotateY(-100deg) rotateZ(-223deg) translateZ(496px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(39deg) rotateY(-100deg) rotateZ(-223deg) translateZ(496px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(39deg) rotateY(-100deg) rotateZ(-223deg) translateZ(496px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(57) {
color: #8d16ab;
-webkit-clip-path: polygon(80% 100%, 80% 150%, 90% 150%);
clip-path: polygon(80% 100%, 80% 150%, 90% 150%);
transform-origin: 114% 139%;
-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(57deg) rotateY(-7deg) rotateZ(-132deg) translateZ(-2454px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(57deg) rotateY(-7deg) rotateZ(-132deg) translateZ(-2454px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(57deg) rotateY(-7deg) rotateZ(-132deg) translateZ(-2454px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(57deg) rotateY(-7deg) rotateZ(-132deg) translateZ(-2454px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(58) {
color: #8b15ae;
-webkit-clip-path: polygon(80% 100%, 90% 100%, 90% 150%);
clip-path: polygon(80% 100%, 90% 100%, 90% 150%);
transform-origin: 33% 100%;
-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(-188deg) rotateY(157deg) rotateZ(-363deg) translateZ(-1840px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-188deg) rotateY(157deg) rotateZ(-363deg) translateZ(-1840px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-188deg) rotateY(157deg) rotateZ(-363deg) translateZ(-1840px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-188deg) rotateY(157deg) rotateZ(-363deg) translateZ(-1840px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(59) {
color: #8915b1;
-webkit-clip-path: polygon(90% 100%, 90% 150%, 100% 150%);
clip-path: polygon(90% 100%, 90% 150%, 100% 150%);
transform-origin: 83% 150%;
-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(74deg) rotateY(173deg) rotateZ(425deg) translateZ(-1457px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(74deg) rotateY(173deg) rotateZ(425deg) translateZ(-1457px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(74deg) rotateY(173deg) rotateZ(425deg) translateZ(-1457px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(74deg) rotateY(173deg) rotateZ(425deg) translateZ(-1457px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(60) {
color: #8714b4;
-webkit-clip-path: polygon(90% 100%, 100% 100%, 100% 150%);
clip-path: polygon(90% 100%, 100% 100%, 100% 150%);
transform-origin: 140% 65%;
-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(-27deg) rotateY(19deg) rotateZ(237deg) translateZ(-1892px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-27deg) rotateY(19deg) rotateZ(237deg) translateZ(-1892px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-27deg) rotateY(19deg) rotateZ(237deg) translateZ(-1892px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-27deg) rotateY(19deg) rotateZ(237deg) translateZ(-1892px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(61) {
color: #8514b7;
-webkit-clip-path: polygon(0% 150%, 0% 200%, 10% 200%);
clip-path: polygon(0% 150%, 0% 200%, 10% 200%);
transform-origin: 3% 172%;
-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(28deg) rotateY(278deg) rotateZ(190deg) translateZ(48px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(28deg) rotateY(278deg) rotateZ(190deg) translateZ(48px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(28deg) rotateY(278deg) rotateZ(190deg) translateZ(48px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(28deg) rotateY(278deg) rotateZ(190deg) translateZ(48px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(62) {
color: #8313ba;
-webkit-clip-path: polygon(0% 150%, 10% 150%, 10% 200%);
clip-path: polygon(0% 150%, 10% 150%, 10% 200%);
transform-origin: 18% 109%;
-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(26deg) rotateY(-220deg) rotateZ(112deg) translateZ(-1168px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(26deg) rotateY(-220deg) rotateZ(112deg) translateZ(-1168px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(26deg) rotateY(-220deg) rotateZ(112deg) translateZ(-1168px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(26deg) rotateY(-220deg) rotateZ(112deg) translateZ(-1168px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(63) {
color: #8113bd;
-webkit-clip-path: polygon(10% 150%, 10% 200%, 20% 200%);
clip-path: polygon(10% 150%, 10% 200%, 20% 200%);
transform-origin: -28% 164%;
-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(-232deg) rotateY(-432deg) rotateZ(-208deg) translateZ(-2447px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-232deg) rotateY(-432deg) rotateZ(-208deg) translateZ(-2447px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-232deg) rotateY(-432deg) rotateZ(-208deg) translateZ(-2447px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-232deg) rotateY(-432deg) rotateZ(-208deg) translateZ(-2447px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(64) {
color: #7f12c0;
-webkit-clip-path: polygon(10% 150%, 20% 150%, 20% 200%);
clip-path: polygon(10% 150%, 20% 150%, 20% 200%);
transform-origin: 48% 186%;
-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(-67deg) rotateY(-146deg) rotateZ(86deg) translateZ(-2095px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-67deg) rotateY(-146deg) rotateZ(86deg) translateZ(-2095px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-67deg) rotateY(-146deg) rotateZ(86deg) translateZ(-2095px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-67deg) rotateY(-146deg) rotateZ(86deg) translateZ(-2095px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(65) {
color: #7d12c3;
-webkit-clip-path: polygon(20% 150%, 20% 200%, 30% 200%);
clip-path: polygon(20% 150%, 20% 200%, 30% 200%);
transform-origin: 10% 122%;
-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(-428deg) rotateY(297deg) rotateZ(-440deg) translateZ(-487px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-428deg) rotateY(297deg) rotateZ(-440deg) translateZ(-487px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-428deg) rotateY(297deg) rotateZ(-440deg) translateZ(-487px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-428deg) rotateY(297deg) rotateZ(-440deg) translateZ(-487px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(66) {
color: #7b11c6;
-webkit-clip-path: polygon(20% 150%, 30% 150%, 30% 200%);
clip-path: polygon(20% 150%, 30% 150%, 30% 200%);
transform-origin: -10% 193%;
-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(108deg) rotateY(-306deg) rotateZ(31deg) translateZ(-1769px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(108deg) rotateY(-306deg) rotateZ(31deg) translateZ(-1769px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(108deg) rotateY(-306deg) rotateZ(31deg) translateZ(-1769px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(108deg) rotateY(-306deg) rotateZ(31deg) translateZ(-1769px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(67) {
color: #7911c9;
-webkit-clip-path: polygon(30% 150%, 30% 200%, 40% 200%);
clip-path: polygon(30% 150%, 30% 200%, 40% 200%);
transform-origin: 28% 127%;
-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(-119deg) rotateY(-49deg) rotateZ(326deg) translateZ(-1330px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-119deg) rotateY(-49deg) rotateZ(326deg) translateZ(-1330px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-119deg) rotateY(-49deg) rotateZ(326deg) translateZ(-1330px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-119deg) rotateY(-49deg) rotateZ(326deg) translateZ(-1330px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(68) {
color: #7710cc;
-webkit-clip-path: polygon(30% 150%, 40% 150%, 40% 200%);
clip-path: polygon(30% 150%, 40% 150%, 40% 200%);
transform-origin: -8% 173%;
-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(366deg) rotateY(407deg) rotateZ(-444deg) translateZ(-1728px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(366deg) rotateY(407deg) rotateZ(-444deg) translateZ(-1728px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(366deg) rotateY(407deg) rotateZ(-444deg) translateZ(-1728px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(366deg) rotateY(407deg) rotateZ(-444deg) translateZ(-1728px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(69) {
color: #7510cf;
-webkit-clip-path: polygon(40% 150%, 40% 200%, 50% 200%);
clip-path: polygon(40% 150%, 40% 200%, 50% 200%);
transform-origin: 53% 173%;
-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(128deg) rotateY(-206deg) rotateZ(111deg) translateZ(-353px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(128deg) rotateY(-206deg) rotateZ(111deg) translateZ(-353px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(128deg) rotateY(-206deg) rotateZ(111deg) translateZ(-353px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(128deg) rotateY(-206deg) rotateZ(111deg) translateZ(-353px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(70) {
color: #730fd2;
-webkit-clip-path: polygon(40% 150%, 50% 150%, 50% 200%);
clip-path: polygon(40% 150%, 50% 150%, 50% 200%);
transform-origin: 83% 149%;
-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(-75deg) rotateY(17deg) rotateZ(-66deg) translateZ(-599px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-75deg) rotateY(17deg) rotateZ(-66deg) translateZ(-599px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-75deg) rotateY(17deg) rotateZ(-66deg) translateZ(-599px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-75deg) rotateY(17deg) rotateZ(-66deg) translateZ(-599px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(71) {
color: #710fd5;
-webkit-clip-path: polygon(50% 150%, 50% 200%, 60% 200%);
clip-path: polygon(50% 150%, 50% 200%, 60% 200%);
transform-origin: 90% 144%;
-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(81deg) rotateY(199deg) rotateZ(-149deg) translateZ(-2252px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(81deg) rotateY(199deg) rotateZ(-149deg) translateZ(-2252px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
@keyframes fly71 {
0% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(81deg) rotateY(199deg) rotateZ(-149deg) translateZ(-2252px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(81deg) rotateY(199deg) rotateZ(-149deg) translateZ(-2252px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(72) {
color: #6f0ed8;
-webkit-clip-path: polygon(50% 150%, 60% 150%, 60% 200%);
clip-path: polygon(50% 150%, 60% 150%, 60% 200%);
transform-origin: 90% 151%;
-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(280deg) rotateY(-136deg) rotateZ(-97deg) translateZ(-2470px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(280deg) rotateY(-136deg) rotateZ(-97deg) translateZ(-2470px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(280deg) rotateY(-136deg) rotateZ(-97deg) translateZ(-2470px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(280deg) rotateY(-136deg) rotateZ(-97deg) translateZ(-2470px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(73) {
color: #6d0edb;
-webkit-clip-path: polygon(60% 150%, 60% 200%, 70% 200%);
clip-path: polygon(60% 150%, 60% 200%, 70% 200%);
transform-origin: 73% 189%;
-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(-82deg) rotateY(475deg) rotateZ(-414deg) translateZ(-306px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-82deg) rotateY(475deg) rotateZ(-414deg) translateZ(-306px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-82deg) rotateY(475deg) rotateZ(-414deg) translateZ(-306px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-82deg) rotateY(475deg) rotateZ(-414deg) translateZ(-306px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(74) {
color: #6b0dde;
-webkit-clip-path: polygon(60% 150%, 70% 150%, 70% 200%);
clip-path: polygon(60% 150%, 70% 150%, 70% 200%);
transform-origin: 93% 179%;
-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(-115deg) rotateY(-328deg) rotateZ(452deg) translateZ(73px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-115deg) rotateY(-328deg) rotateZ(452deg) translateZ(73px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-115deg) rotateY(-328deg) rotateZ(452deg) translateZ(73px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-115deg) rotateY(-328deg) rotateZ(452deg) translateZ(73px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(75) {
color: #690de1;
-webkit-clip-path: polygon(70% 150%, 70% 200%, 80% 200%);
clip-path: polygon(70% 150%, 70% 200%, 80% 200%);
transform-origin: 25% 152%;
-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(-433deg) rotateY(231deg) rotateZ(191deg) translateZ(-477px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-433deg) rotateY(231deg) rotateZ(191deg) translateZ(-477px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-433deg) rotateY(231deg) rotateZ(191deg) translateZ(-477px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-433deg) rotateY(231deg) rotateZ(191deg) translateZ(-477px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(76) {
color: #670ce4;
-webkit-clip-path: polygon(70% 150%, 80% 150%, 80% 200%);
clip-path: polygon(70% 150%, 80% 150%, 80% 200%);
transform-origin: 91% 193%;
-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(-33deg) rotateY(43deg) rotateZ(393deg) translateZ(-510px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-33deg) rotateY(43deg) rotateZ(393deg) translateZ(-510px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-33deg) rotateY(43deg) rotateZ(393deg) translateZ(-510px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-33deg) rotateY(43deg) rotateZ(393deg) translateZ(-510px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(77) {
color: #650ce7;
-webkit-clip-path: polygon(80% 150%, 80% 200%, 90% 200%);
clip-path: polygon(80% 150%, 80% 200%, 90% 200%);
transform-origin: 127% 105%;
-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(486deg) rotateY(-235deg) rotateZ(397deg) translateZ(495px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(486deg) rotateY(-235deg) rotateZ(397deg) 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 fly77 {
0% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(486deg) rotateY(-235deg) rotateZ(397deg) translateZ(495px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(486deg) rotateY(-235deg) rotateZ(397deg) 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(78) {
color: #630bea;
-webkit-clip-path: polygon(80% 150%, 90% 150%, 90% 200%);
clip-path: polygon(80% 150%, 90% 150%, 90% 200%);
transform-origin: 82% 134%;
-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(313deg) rotateY(463deg) rotateZ(-291deg) translateZ(-2339px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(313deg) rotateY(463deg) rotateZ(-291deg) translateZ(-2339px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(313deg) rotateY(463deg) rotateZ(-291deg) translateZ(-2339px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(313deg) rotateY(463deg) rotateZ(-291deg) translateZ(-2339px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(79) {
color: #610bed;
-webkit-clip-path: polygon(90% 150%, 90% 200%, 100% 200%);
clip-path: polygon(90% 150%, 90% 200%, 100% 200%);
transform-origin: 119% 144%;
-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(263deg) rotateY(-397deg) rotateZ(-267deg) translateZ(4px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(263deg) rotateY(-397deg) rotateZ(-267deg) translateZ(4px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(263deg) rotateY(-397deg) rotateZ(-267deg) translateZ(4px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(263deg) rotateY(-397deg) rotateZ(-267deg) translateZ(4px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(80) {
color: #5f0af0;
-webkit-clip-path: polygon(90% 150%, 100% 150%, 100% 200%);
clip-path: polygon(90% 150%, 100% 150%, 100% 200%);
transform-origin: 122% 168%;
-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(77deg) rotateY(-233deg) rotateZ(-65deg) translateZ(-1014px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(77deg) rotateY(-233deg) rotateZ(-65deg) translateZ(-1014px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(77deg) rotateY(-233deg) rotateZ(-65deg) translateZ(-1014px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(77deg) rotateY(-233deg) rotateZ(-65deg) translateZ(-1014px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(81) {
color: #5d0af3;
-webkit-clip-path: polygon(0% 200%, 0% 250%, 10% 250%);
clip-path: polygon(0% 200%, 0% 250%, 10% 250%);
transform-origin: 1% 164%;
-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(89deg) rotateY(-188deg) rotateZ(445deg) translateZ(-1568px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(89deg) rotateY(-188deg) rotateZ(445deg) translateZ(-1568px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(89deg) rotateY(-188deg) rotateZ(445deg) translateZ(-1568px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(89deg) rotateY(-188deg) rotateZ(445deg) translateZ(-1568px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(82) {
color: #5b09f6;
-webkit-clip-path: polygon(0% 200%, 10% 200%, 10% 250%);
clip-path: polygon(0% 200%, 10% 200%, 10% 250%);
transform-origin: 21% 182%;
-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(147deg) rotateY(-282deg) rotateZ(-424deg) translateZ(44px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(147deg) rotateY(-282deg) rotateZ(-424deg) translateZ(44px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(147deg) rotateY(-282deg) rotateZ(-424deg) translateZ(44px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(147deg) rotateY(-282deg) rotateZ(-424deg) translateZ(44px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(83) {
color: #5909f9;
-webkit-clip-path: polygon(10% 200%, 10% 250%, 20% 250%);
clip-path: polygon(10% 200%, 10% 250%, 20% 250%);
transform-origin: 24% 250%;
-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(-217deg) rotateY(-348deg) rotateZ(25deg) translateZ(-1203px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-217deg) rotateY(-348deg) rotateZ(25deg) translateZ(-1203px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-217deg) rotateY(-348deg) rotateZ(25deg) translateZ(-1203px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-217deg) rotateY(-348deg) rotateZ(25deg) translateZ(-1203px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(84) {
color: #5708fc;
-webkit-clip-path: polygon(10% 200%, 20% 200%, 20% 250%);
clip-path: polygon(10% 200%, 20% 200%, 20% 250%);
transform-origin: 18% 186%;
-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(-126deg) rotateY(-230deg) rotateZ(299deg) translateZ(-550px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-126deg) rotateY(-230deg) rotateZ(299deg) translateZ(-550px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
@keyframes fly84 {
0% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-126deg) rotateY(-230deg) rotateZ(299deg) translateZ(-550px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-126deg) rotateY(-230deg) rotateZ(299deg) translateZ(-550px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(85) {
color: #5508ff;
-webkit-clip-path: polygon(20% 200%, 20% 250%, 30% 250%);
clip-path: polygon(20% 200%, 20% 250%, 30% 250%);
transform-origin: 33% 161%;
-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(201deg) rotateY(78deg) rotateZ(-463deg) translateZ(-2207px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(201deg) rotateY(78deg) rotateZ(-463deg) translateZ(-2207px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(201deg) rotateY(78deg) rotateZ(-463deg) translateZ(-2207px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(201deg) rotateY(78deg) rotateZ(-463deg) translateZ(-2207px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(86) {
color: #5307ff;
-webkit-clip-path: polygon(20% 200%, 30% 200%, 30% 250%);
clip-path: polygon(20% 200%, 30% 200%, 30% 250%);
transform-origin: 2% 171%;
-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(-486deg) rotateY(-92deg) rotateZ(138deg) translateZ(-1270px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-486deg) rotateY(-92deg) rotateZ(138deg) translateZ(-1270px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-486deg) rotateY(-92deg) rotateZ(138deg) translateZ(-1270px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-486deg) rotateY(-92deg) rotateZ(138deg) translateZ(-1270px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(87) {
color: #5107ff;
-webkit-clip-path: polygon(30% 200%, 30% 250%, 40% 250%);
clip-path: polygon(30% 200%, 30% 250%, 40% 250%);
transform-origin: 71% 170%;
-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(121deg) rotateY(403deg) rotateZ(140deg) translateZ(-920px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(121deg) rotateY(403deg) rotateZ(140deg) translateZ(-920px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(121deg) rotateY(403deg) rotateZ(140deg) translateZ(-920px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(121deg) rotateY(403deg) rotateZ(140deg) translateZ(-920px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(88) {
color: #4f06ff;
-webkit-clip-path: polygon(30% 200%, 40% 200%, 40% 250%);
clip-path: polygon(30% 200%, 40% 200%, 40% 250%);
transform-origin: -5% 199%;
-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(292deg) rotateY(124deg) rotateZ(13deg) translateZ(-981px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(292deg) rotateY(124deg) rotateZ(13deg) translateZ(-981px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(292deg) rotateY(124deg) rotateZ(13deg) translateZ(-981px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(292deg) rotateY(124deg) rotateZ(13deg) translateZ(-981px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(89) {
color: #4d06ff;
-webkit-clip-path: polygon(40% 200%, 40% 250%, 50% 250%);
clip-path: polygon(40% 200%, 40% 250%, 50% 250%);
transform-origin: 67% 176%;
-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(-188deg) rotateY(-274deg) rotateZ(-434deg) translateZ(-15px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-188deg) rotateY(-274deg) rotateZ(-434deg) translateZ(-15px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-188deg) rotateY(-274deg) rotateZ(-434deg) translateZ(-15px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-188deg) rotateY(-274deg) rotateZ(-434deg) translateZ(-15px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(90) {
color: #4b05ff;
-webkit-clip-path: polygon(40% 200%, 50% 200%, 50% 250%);
clip-path: polygon(40% 200%, 50% 200%, 50% 250%);
transform-origin: 90% 168%;
-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(432deg) rotateY(-352deg) rotateZ(-73deg) translateZ(-781px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(432deg) rotateY(-352deg) rotateZ(-73deg) translateZ(-781px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(432deg) rotateY(-352deg) rotateZ(-73deg) translateZ(-781px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(432deg) rotateY(-352deg) rotateZ(-73deg) translateZ(-781px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(91) {
color: #4905ff;
-webkit-clip-path: polygon(50% 200%, 50% 250%, 60% 250%);
clip-path: polygon(50% 200%, 50% 250%, 60% 250%);
transform-origin: 15% 181%;
-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(267deg) rotateY(191deg) rotateZ(-197deg) translateZ(-928px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(267deg) rotateY(191deg) rotateZ(-197deg) translateZ(-928px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
@keyframes fly91 {
0% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(267deg) rotateY(191deg) rotateZ(-197deg) translateZ(-928px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(267deg) rotateY(191deg) rotateZ(-197deg) translateZ(-928px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(92) {
color: #4704ff;
-webkit-clip-path: polygon(50% 200%, 60% 200%, 60% 250%);
clip-path: polygon(50% 200%, 60% 200%, 60% 250%);
transform-origin: 78% 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(38deg) rotateY(353deg) rotateZ(-175deg) translateZ(11px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(38deg) rotateY(353deg) rotateZ(-175deg) translateZ(11px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(38deg) rotateY(353deg) rotateZ(-175deg) translateZ(11px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(38deg) rotateY(353deg) rotateZ(-175deg) translateZ(11px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(93) {
color: #4504ff;
-webkit-clip-path: polygon(60% 200%, 60% 250%, 70% 250%);
clip-path: polygon(60% 200%, 60% 250%, 70% 250%);
transform-origin: 83% 242%;
-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(-144deg) rotateY(267deg) rotateZ(190deg) translateZ(281px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-144deg) rotateY(267deg) rotateZ(190deg) translateZ(281px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-144deg) rotateY(267deg) rotateZ(190deg) translateZ(281px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-144deg) rotateY(267deg) rotateZ(190deg) translateZ(281px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(94) {
color: #4303ff;
-webkit-clip-path: polygon(60% 200%, 70% 200%, 70% 250%);
clip-path: polygon(60% 200%, 70% 200%, 70% 250%);
transform-origin: 108% 208%;
-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(75deg) rotateY(-328deg) rotateZ(283deg) translateZ(249px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(75deg) rotateY(-328deg) rotateZ(283deg) translateZ(249px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(75deg) rotateY(-328deg) rotateZ(283deg) translateZ(249px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(75deg) rotateY(-328deg) rotateZ(283deg) translateZ(249px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(95) {
color: #4103ff;
-webkit-clip-path: polygon(70% 200%, 70% 250%, 80% 250%);
clip-path: polygon(70% 200%, 70% 250%, 80% 250%);
transform-origin: 35% 172%;
-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(247deg) rotateY(-480deg) rotateZ(483deg) translateZ(-70px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(247deg) rotateY(-480deg) rotateZ(483deg) translateZ(-70px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(247deg) rotateY(-480deg) rotateZ(483deg) translateZ(-70px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(247deg) rotateY(-480deg) rotateZ(483deg) translateZ(-70px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(96) {
color: #3f02ff;
-webkit-clip-path: polygon(70% 200%, 80% 200%, 80% 250%);
clip-path: polygon(70% 200%, 80% 200%, 80% 250%);
transform-origin: 53% 235%;
-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(-147deg) rotateY(-132deg) rotateZ(-323deg) translateZ(-915px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-147deg) rotateY(-132deg) rotateZ(-323deg) translateZ(-915px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-147deg) rotateY(-132deg) rotateZ(-323deg) translateZ(-915px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-147deg) rotateY(-132deg) rotateZ(-323deg) translateZ(-915px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(97) {
color: #3d02ff;
-webkit-clip-path: polygon(80% 200%, 80% 250%, 90% 250%);
clip-path: polygon(80% 200%, 80% 250%, 90% 250%);
transform-origin: 116% 232%;
-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(44deg) rotateY(260deg) rotateZ(-453deg) translateZ(-323px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(44deg) rotateY(260deg) rotateZ(-453deg) translateZ(-323px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(44deg) rotateY(260deg) rotateZ(-453deg) translateZ(-323px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(44deg) rotateY(260deg) rotateZ(-453deg) translateZ(-323px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(98) {
color: #3b01ff;
-webkit-clip-path: polygon(80% 200%, 90% 200%, 90% 250%);
clip-path: polygon(80% 200%, 90% 200%, 90% 250%);
transform-origin: 76% 171%;
-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(-499deg) rotateY(-50deg) rotateZ(401deg) translateZ(88px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-499deg) rotateY(-50deg) rotateZ(401deg) translateZ(88px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
@keyframes fly98 {
0% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-499deg) rotateY(-50deg) rotateZ(401deg) translateZ(88px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-499deg) rotateY(-50deg) rotateZ(401deg) translateZ(88px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(99) {
color: #3901ff;
-webkit-clip-path: polygon(90% 200%, 90% 250%, 100% 250%);
clip-path: polygon(90% 200%, 90% 250%, 100% 250%);
transform-origin: 77% 214%;
-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(275deg) rotateY(-305deg) rotateZ(-298deg) translateZ(-1768px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(275deg) rotateY(-305deg) rotateZ(-298deg) translateZ(-1768px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(275deg) rotateY(-305deg) rotateZ(-298deg) translateZ(-1768px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(275deg) rotateY(-305deg) rotateZ(-298deg) translateZ(-1768px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(100) {
color: #3700ff;
-webkit-clip-path: polygon(90% 200%, 100% 200%, 100% 250%);
clip-path: polygon(90% 200%, 100% 200%, 100% 250%);
transform-origin: 115% 187%;
-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(-185deg) rotateY(-331deg) rotateZ(-439deg) translateZ(-1518px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-185deg) rotateY(-331deg) rotateZ(-439deg) translateZ(-1518px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-185deg) rotateY(-331deg) rotateZ(-439deg) translateZ(-1518px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-185deg) rotateY(-331deg) rotateZ(-439deg) translateZ(-1518px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}
#ui .text:nth-child(101) {
color: #3500ff;
-webkit-clip-path: polygon(0% 250%, 0% 300%, 10% 300%);
clip-path: polygon(0% 250%, 0% 300%, 10% 300%);
transform-origin: -7% 233%;
-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(-237deg) rotateY(-153deg) rotateZ(402deg) translateZ(391px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-237deg) rotateY(-153deg) rotateZ(402deg) translateZ(391px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) 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(-237deg) rotateY(-153deg) rotateZ(402deg) translateZ(391px);
}
10% {
opacity: 0;
transform: translate(-50%, -50%) rotateX(-237deg) rotateY(-153deg) rotateZ(402deg) translateZ(391px);
}
90% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
}
}