/* ==========================================================================
Animations communes à toutes les pages
========================================================================== */
@keyframes phone-vibrate {
    0% { transform: scale(1) translate(0, 0); }
    20% { transform: scale(1.05) translate(1px, -1px); }
    40% { transform: scale(1) translate(-1px, 1px); }
    60% { transform: scale(1.05) translate(1px, 1px); }
    80% { transform: scale(1) translate(-1px, -1px); }
    100% { transform: scale(1) translate(0, 0); }
}

.phone-vibrate-animation {
    animation: phone-vibrate 0.2s ease-in-out; /* 0.1s = 100ms */
    animation-delay: 5s; /* Délai avant le début de chaque cycle (40 secondes) */
    animation-iteration-count: 3;
    transform-origin: center center;
}

/* ==========================================================================
Animations des sliders
========================================================================== */
@keyframes slide-move-left-to-right-with-opacity {
    0% { opacity:0;transform: translate(-400px); }
    100% { opacity:1;transform: translate(0px); }
}
@keyframes fade-in {
    0% { opacity:0; }
    100% { opacity:1; }
}

/* ==========================================================================
Animations des cartes de la home
========================================================================== */

@keyframes move-cards {
    0% {
        transform: rotate(0deg) scale(1);
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    }
    100% {
        transform: rotate(-2deg) scale(1.1);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    }
}

/* ==========================================================================
Animations du nuage
========================================================================== */

@keyframes nuage-background {
    0% { background-position:0 0; }
    15% { background-position:0 0; }
    20% { background-position:-220px 0; }
    35% { background-position:-220px 0; }
    40% { background-position:-440px 0; }
    55% { background-position:-440px 0; }
    60% { background-position:-660px 0; }
    75% { background-position:-660px 0; }
    80% { background-position:-880px 0; }
    95% { background-position:-880px 0; }
    100% { background-position:-1100px 0; }
}

/* ==========================================================================
Animations des déclechements par scroll
========================================================================== */

/* Common setup */
[data-animate-on-scroll] {
    visibility: hidden;
}

.animated {
    visibility: visible;
}

/* === FADE IN === */
.before-fade-in {
    opacity: 0;
    transition: opacity 0.6s ease;
}
.fade-in {
    opacity: 1;
}

/* === Rotate Light === */
.before-rotate-light {
    transform: rotate(0deg);
    transition: transform 0.3s ease 1.5s;
}
.rotate-light {
    transform: rotate(-2deg);
}

/* === ZOOM IN Gauche (avec keyframes) === */
.before-zoom-in-gauche {
    opacity: 0;
}
.zoom-in-gauche {
    animation: zoomInGauche 1.5s ease forwards;
}
@keyframes zoomInGauche {
    0% {
        opacity: 0;
        transform: scale(5) translateX(-400px) rotate(10deg);
        filter:blur(20px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(0px) rotate(-10deg);
        filter:blur(0);
    }
}

/* === ZOOM IN Droite (avec keyframes) === */
.before-zoom-in-droite {
    opacity: 0;
}
.zoom-in-droite {
    animation: zoomInDroite 1.5s ease forwards;
}
@keyframes zoomInDroite {
    0% {
        opacity: 0;
        transform: scale(5) translateX(100px) rotate(-10deg);
        filter:blur(20px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(0px) rotate(10deg);
        filter:blur(0);
    }
}

/* === Slide from top-left === */
.before-slide-top-left {
    opacity: 0;
}
.slide-top-left {
    animation: sliceFromTopLeft 1.5s ease forwards;
}
@keyframes sliceFromTopLeft {
    0% {
        opacity: 0;
        transform: translate(-250px, -800px);
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
}


/* === Slide from top === */
.before-slide-top {
    opacity:0;
}
.slide-top {
    animation: sliceFromTop 1.5s ease forwards;
}
@keyframes sliceFromTop {
    0% {
        opacity: 0;
        transform: translateY(-800px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* === Slide from top-right === */
.before-slide-top-right {
    opacity:0;

}
.slide-top-right {
    animation: sliceFromTopRight 1.5s ease forwards;
}
@keyframes sliceFromTopRight {
    0% {
        opacity: 0;
        transform: translate(250px, -800px);
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
}

/* Slide Left */
.before-slide-left {
    opacity: 0;
    transform: translateX(40px);
    transition: all 0.6s ease;
}
.slide-left {
    opacity: 1;
    transform: translateX(0);
}

/* Zoom In */
.before-zoom-in {
    opacity: 0;
}
.zoom-in {
    animation: zoomIn 0.6s ease forwards;
}
@keyframes zoomIn {
    from { opacity: 0; transform: scale(0.8); }
    to   { opacity: 1; transform: scale(1); }
}

/* ---- POINTS D’INTERROGATION ---- */
#pourquoibws-wrapper {
    position: relative;
    overflow: visible;
}

.question-mark {
    position: absolute;
    font-size: 2rem;
    color: #000;
    opacity: 0;
    animation: fadeMove 6s ease-in-out forwards;
    pointer-events: none;
    user-select: none;
    z-index: 2;
}

.q-bws {
    font-family: 'Rubik Doodle Shadow', sans-serif;
    font-size: 8rem;
    color: #a700ff;
    filter: drop-shadow(0 0 2px #a700ff);
    font-weight:bold;
}

@keyframes fadeMove {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    50% {
        opacity: var(--target-opacity, 0.5);
    }
    100% {
        transform: translateY(-10px);
        opacity: 0;
    }
}

/* ---- Anim titre "prestations web" ---- */
#animtitreprestationweb .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 160px;
	z-index: 100;

	background: rgb(255, 255, 255);
	background: linear-gradient(
		0deg,
		rgba(255, 255, 255, 1) 75%,
		rgba(255, 255, 255, 0.9) 80%,
		rgba(255, 255, 255, 0.25) 95%,
		rgba(255, 255, 255, 0) 100%
	);
}

#animtitreprestationweb .text {
	font-family: 'Chopin';
	font-size: 77px;
	display: flex;
	position: absolute;
	bottom: 84px;
	left: 50%;
	transform: translateX(-50%);
	user-select: none;
}

#animtitreprestationweb .text .wrapper {
		padding-left: 7px;
		padding-right: 7px;
		padding-top: 20px;
}

#animtitreprestationweb .text .wrapper.decal30 {
		padding-left: 35px;
}

#animtitreprestationweb .text .wrapper .letter {
			transition: ease-out 1s;
			transform: translateY(51%);
}

#animtitreprestationweb .text .wrapper .shadow {
			transform: scale(1, -1);
			color: #999;
			transition: ease-in 1s, ease-out 1s;
}

#animtitreprestationweb .text .wrapper:hover .letter {	transform: translateY(-50%);}
#animtitreprestationweb .text .wrapper:hover .shadow {	opacity: 0;	transform: translateY(50%);}

/* début de l'animation "Conseil et Formation" */

div#titre-ui,
div.text-titre-ui {
    transform-style: preserve-3d;
}

#titre-ui .text-titre-ui {
    position: absolute;
    font-size: 6rem;
    color: #fff;
    line-height: 5rem;
    opacity: 0;
    font-family: "Anton", sans-serif;
    transform: translate(-50%, -50%);
    mix-blend-mode: screen;
    left: 475px;
    top: 85px;
    width: 900px;
}
#titre-ui .text-titre-ui: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: 19% 1%;
    -webkit-animation: fly1 5000ms 0ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly1 5000ms 0ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly1 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-201deg) rotateY(225deg) rotateZ(-326deg) translateZ(-1858px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-201deg) rotateY(225deg) rotateZ(-326deg) translateZ(-1858px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-201deg) rotateY(225deg) rotateZ(-326deg) translateZ(-1858px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-201deg) rotateY(225deg) rotateZ(-326deg) translateZ(-1858px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -37% 21%;
    -webkit-animation: fly2 5000ms 40ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly2 5000ms 40ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly2 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-23deg) rotateY(-264deg) rotateZ(-302deg) translateZ(-366px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-23deg) rotateY(-264deg) rotateZ(-302deg) translateZ(-366px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-23deg) rotateY(-264deg) rotateZ(-302deg) translateZ(-366px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-23deg) rotateY(-264deg) rotateZ(-302deg) translateZ(-366px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 25% -9%;
    -webkit-animation: fly3 5000ms 80ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly3 5000ms 80ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly3 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-171deg) rotateY(-30deg) rotateZ(-113deg) translateZ(221px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-171deg) rotateY(-30deg) rotateZ(-113deg) translateZ(221px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-171deg) rotateY(-30deg) rotateZ(-113deg) translateZ(221px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-171deg) rotateY(-30deg) rotateZ(-113deg) translateZ(221px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    }
#titre-ui .text-titre-ui: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: -3% 5%;
    -webkit-animation: fly4 5000ms 120ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly4 5000ms 120ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly4 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(287deg) rotateY(-115deg) rotateZ(-169deg) translateZ(-2051px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(287deg) rotateY(-115deg) rotateZ(-169deg) translateZ(-2051px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(287deg) rotateY(-115deg) rotateZ(-169deg) translateZ(-2051px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(287deg) rotateY(-115deg) rotateZ(-169deg) translateZ(-2051px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 46% 12%;
    -webkit-animation: fly5 5000ms 160ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly5 5000ms 160ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly5 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(394deg) rotateY(-495deg) rotateZ(-359deg) translateZ(-1185px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(394deg) rotateY(-495deg) rotateZ(-359deg) translateZ(-1185px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(394deg) rotateY(-495deg) rotateZ(-359deg) translateZ(-1185px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(394deg) rotateY(-495deg) rotateZ(-359deg) translateZ(-1185px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 54% 25%;
    -webkit-animation: fly6 5000ms 200ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly6 5000ms 200ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly6 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-278deg) rotateY(-248deg) rotateZ(-121deg) translateZ(-2405px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-278deg) rotateY(-248deg) rotateZ(-121deg) translateZ(-2405px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly6 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-278deg) rotateY(-248deg) rotateZ(-121deg) translateZ(-2405px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-278deg) rotateY(-248deg) rotateZ(-121deg) translateZ(-2405px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -10% -36%;
    -webkit-animation: fly7 5000ms 240ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly7 5000ms 240ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly7 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(258deg) rotateY(-283deg) rotateZ(336deg) translateZ(382px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(258deg) rotateY(-283deg) rotateZ(336deg) translateZ(382px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(258deg) rotateY(-283deg) rotateZ(336deg) translateZ(382px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(258deg) rotateY(-283deg) rotateZ(336deg) translateZ(382px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 5% 22%;
    -webkit-animation: fly8 5000ms 280ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly8 5000ms 280ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly8 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-234deg) rotateY(466deg) rotateZ(-12deg) translateZ(-940px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-234deg) rotateY(466deg) rotateZ(-12deg) translateZ(-940px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-234deg) rotateY(466deg) rotateZ(-12deg) translateZ(-940px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-234deg) rotateY(466deg) rotateZ(-12deg) translateZ(-940px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 90% 10%;
    -webkit-animation: fly9 5000ms 320ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly9 5000ms 320ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly9 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(388deg) rotateY(16deg) rotateZ(-473deg) translateZ(-1764px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(388deg) rotateY(16deg) rotateZ(-473deg) translateZ(-1764px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(388deg) rotateY(16deg) rotateZ(-473deg) translateZ(-1764px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(388deg) rotateY(16deg) rotateZ(-473deg) translateZ(-1764px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 19% 1%;
    -webkit-animation: fly10 5000ms 360ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly10 5000ms 360ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly10 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-110deg) rotateY(432deg) rotateZ(43deg) translateZ(-1416px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-110deg) rotateY(432deg) rotateZ(43deg) translateZ(-1416px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-110deg) rotateY(432deg) rotateZ(43deg) translateZ(-1416px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-110deg) rotateY(432deg) rotateZ(43deg) translateZ(-1416px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui:nth-child(11) {
    color: #e92d21;
    -webkit-clip-path: polygon(50% 0%, 50% 50%, 60% 50%);
            clip-path: polygon(50% 0%, 50% 50%, 60% 50%);
    transform-origin: 21% -14%;
    -webkit-animation: fly11 5000ms 400ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly11 5000ms 400ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly11 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(22deg) rotateY(-428deg) rotateZ(129deg) translateZ(-2382px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(22deg) rotateY(-428deg) rotateZ(129deg) translateZ(-2382px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(22deg) rotateY(-428deg) rotateZ(129deg) translateZ(-2382px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(22deg) rotateY(-428deg) rotateZ(129deg) translateZ(-2382px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 9% 49%;
    -webkit-animation: fly12 5000ms 440ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly12 5000ms 440ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly12 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-226deg) rotateY(-177deg) rotateZ(284deg) translateZ(127px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-226deg) rotateY(-177deg) rotateZ(284deg) translateZ(127px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-226deg) rotateY(-177deg) rotateZ(284deg) translateZ(127px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-226deg) rotateY(-177deg) rotateZ(284deg) translateZ(127px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 71% -44%;
    -webkit-animation: fly13 5000ms 480ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly13 5000ms 480ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly13 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-237deg) rotateY(417deg) rotateZ(378deg) translateZ(-337px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-237deg) rotateY(417deg) rotateZ(378deg) translateZ(-337px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-237deg) rotateY(417deg) rotateZ(378deg) translateZ(-337px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-237deg) rotateY(417deg) rotateZ(378deg) translateZ(-337px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 44% -20%;
    -webkit-animation: fly14 5000ms 520ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly14 5000ms 520ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly14 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(167deg) rotateY(244deg) rotateZ(62deg) translateZ(-1868px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(167deg) rotateY(244deg) rotateZ(62deg) translateZ(-1868px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(167deg) rotateY(244deg) rotateZ(62deg) translateZ(-1868px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(167deg) rotateY(244deg) rotateZ(62deg) translateZ(-1868px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 92% -47%;
    -webkit-animation: fly15 5000ms 560ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly15 5000ms 560ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly15 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-465deg) rotateY(168deg) rotateZ(96deg) translateZ(-2159px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-465deg) rotateY(168deg) rotateZ(96deg) translateZ(-2159px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-465deg) rotateY(168deg) rotateZ(96deg) translateZ(-2159px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-465deg) rotateY(168deg) rotateZ(96deg) translateZ(-2159px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 74% -33%;
    -webkit-animation: fly16 5000ms 600ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly16 5000ms 600ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly16 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(479deg) rotateY(228deg) rotateZ(-203deg) translateZ(-1064px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(479deg) rotateY(228deg) rotateZ(-203deg) translateZ(-1064px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(479deg) rotateY(228deg) rotateZ(-203deg) translateZ(-1064px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(479deg) rotateY(228deg) rotateZ(-203deg) translateZ(-1064px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 115% -9%;
    -webkit-animation: fly17 5000ms 640ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly17 5000ms 640ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly17 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-196deg) rotateY(-48deg) rotateZ(-302deg) translateZ(-1692px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-196deg) rotateY(-48deg) rotateZ(-302deg) translateZ(-1692px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly17 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-196deg) rotateY(-48deg) rotateZ(-302deg) translateZ(-1692px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-196deg) rotateY(-48deg) rotateZ(-302deg) translateZ(-1692px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 82% 49%;
    -webkit-animation: fly18 5000ms 680ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly18 5000ms 680ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly18 {
  0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(2deg) rotateY(-55deg) rotateZ(489deg) translateZ(-388px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(2deg) rotateY(-55deg) rotateZ(489deg) translateZ(-388px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(2deg) rotateY(-55deg) rotateZ(489deg) translateZ(-388px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(2deg) rotateY(-55deg) rotateZ(489deg) translateZ(-388px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 117% 22%;
    -webkit-animation: fly19 5000ms 720ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly19 5000ms 720ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly19 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-24deg) rotateY(-290deg) rotateZ(454deg) translateZ(-1700px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-24deg) rotateY(-290deg) rotateZ(454deg) translateZ(-1700px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-24deg) rotateY(-290deg) rotateZ(454deg) translateZ(-1700px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-24deg) rotateY(-290deg) rotateZ(454deg) translateZ(-1700px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 53% 30%;
    -webkit-animation: fly20 5000ms 760ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly20 5000ms 760ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly20 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-204deg) rotateY(-22deg) rotateZ(-355deg) translateZ(-734px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-204deg) rotateY(-22deg) rotateZ(-355deg) translateZ(-734px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly20 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-204deg) rotateY(-22deg) rotateZ(-355deg) translateZ(-734px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-204deg) rotateY(-22deg) rotateZ(-355deg) translateZ(-734px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -2% 18%;
    -webkit-animation: fly21 5000ms 800ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly21 5000ms 800ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly21 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(98deg) rotateY(-51deg) rotateZ(231deg) translateZ(-2297px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(98deg) rotateY(-51deg) rotateZ(231deg) translateZ(-2297px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(98deg) rotateY(-51deg) rotateZ(231deg) translateZ(-2297px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(98deg) rotateY(-51deg) rotateZ(231deg) translateZ(-2297px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 41% 98%;
    -webkit-animation: fly22 5000ms 840ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly22 5000ms 840ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly22 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-277deg) rotateY(-449deg) rotateZ(-150deg) translateZ(-675px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-277deg) rotateY(-449deg) rotateZ(-150deg) translateZ(-675px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-277deg) rotateY(-449deg) rotateZ(-150deg) translateZ(-675px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-277deg) rotateY(-449deg) rotateZ(-150deg) translateZ(-675px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 47% 62%;
    -webkit-animation: fly23 5000ms 880ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly23 5000ms 880ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly23 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(48deg) rotateY(194deg) rotateZ(-206deg) translateZ(-111px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(48deg) rotateY(194deg) rotateZ(-206deg) translateZ(-111px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(48deg) rotateY(194deg) rotateZ(-206deg) translateZ(-111px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(48deg) rotateY(194deg) rotateZ(-206deg) translateZ(-111px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 3% 2%;
    -webkit-animation: fly24 5000ms 920ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly24 5000ms 920ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly24 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-471deg) rotateY(47deg) rotateZ(0deg) translateZ(-911px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-471deg) rotateY(47deg) rotateZ(0deg) translateZ(-911px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-471deg) rotateY(47deg) rotateZ(0deg) translateZ(-911px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-471deg) rotateY(47deg) rotateZ(0deg) translateZ(-911px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 45% 85%;
    -webkit-animation: fly25 5000ms 960ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly25 5000ms 960ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly25 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(422deg) rotateY(-418deg) rotateZ(461deg) translateZ(-35px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(422deg) rotateY(-418deg) rotateZ(461deg) translateZ(-35px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly25 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(422deg) rotateY(-418deg) rotateZ(461deg) translateZ(-35px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(422deg) rotateY(-418deg) rotateZ(461deg) translateZ(-35px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -16% 59%;
    -webkit-animation: fly26 5000ms 1000ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly26 5000ms 1000ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly26 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(207deg) rotateY(436deg) rotateZ(100deg) translateZ(-2451px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(207deg) rotateY(436deg) rotateZ(100deg) translateZ(-2451px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(207deg) rotateY(436deg) rotateZ(100deg) translateZ(-2451px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(207deg) rotateY(436deg) rotateZ(100deg) translateZ(-2451px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -7% 52%;
    -webkit-animation: fly27 5000ms 1040ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly27 5000ms 1040ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly27 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-303deg) rotateY(-226deg) rotateZ(201deg) translateZ(-346px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-303deg) rotateY(-226deg) rotateZ(201deg) translateZ(-346px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-303deg) rotateY(-226deg) rotateZ(201deg) translateZ(-346px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-303deg) rotateY(-226deg) rotateZ(201deg) translateZ(-346px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 69% 100%;
    -webkit-animation: fly28 5000ms 1080ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly28 5000ms 1080ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly28 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-266deg) rotateY(83deg) rotateZ(496deg) translateZ(-2326px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-266deg) rotateY(83deg) rotateZ(496deg) translateZ(-2326px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-266deg) rotateY(83deg) rotateZ(496deg) translateZ(-2326px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-266deg) rotateY(83deg) rotateZ(496deg) translateZ(-2326px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 14% 75%;
    -webkit-animation: fly29 5000ms 1120ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly29 5000ms 1120ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly29 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-257deg) rotateY(-141deg) rotateZ(345deg) translateZ(-1416px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-257deg) rotateY(-141deg) rotateZ(345deg) translateZ(-1416px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-257deg) rotateY(-141deg) rotateZ(345deg) translateZ(-1416px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-257deg) rotateY(-141deg) rotateZ(345deg) translateZ(-1416px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 86% 45%;
    -webkit-animation: fly30 5000ms 1160ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly30 5000ms 1160ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly30 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(382deg) rotateY(-296deg) rotateZ(-5deg) translateZ(-2152px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(382deg) rotateY(-296deg) rotateZ(-5deg) translateZ(-2152px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(382deg) rotateY(-296deg) rotateZ(-5deg) translateZ(-2152px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(382deg) rotateY(-296deg) rotateZ(-5deg) translateZ(-2152px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 75% 31%;
    -webkit-animation: fly31 5000ms 1200ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly31 5000ms 1200ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly31 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(67deg) rotateY(247deg) rotateZ(-353deg) translateZ(-2116px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(67deg) rotateY(247deg) rotateZ(-353deg) translateZ(-2116px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(67deg) rotateY(247deg) rotateZ(-353deg) translateZ(-2116px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(67deg) rotateY(247deg) rotateZ(-353deg) translateZ(-2116px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 40% 83%;
    -webkit-animation: fly32 5000ms 1240ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly32 5000ms 1240ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly32 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(422deg) rotateY(137deg) rotateZ(-371deg) translateZ(-782px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(422deg) rotateY(137deg) rotateZ(-371deg) translateZ(-782px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(422deg) rotateY(137deg) rotateZ(-371deg) translateZ(-782px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(422deg) rotateY(137deg) rotateZ(-371deg) translateZ(-782px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 46% 29%;
    -webkit-animation: fly33 5000ms 1280ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly33 5000ms 1280ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly33 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(91deg) rotateY(-59deg) rotateZ(-388deg) translateZ(-777px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(91deg) rotateY(-59deg) rotateZ(-388deg) translateZ(-777px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly33 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(91deg) rotateY(-59deg) rotateZ(-388deg) translateZ(-777px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(91deg) rotateY(-59deg) rotateZ(-388deg) translateZ(-777px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 44% 81%;
    -webkit-animation: fly34 5000ms 1320ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly34 5000ms 1320ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly34 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(86deg) rotateY(355deg) rotateZ(490deg) translateZ(-1999px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(86deg) rotateY(355deg) rotateZ(490deg) translateZ(-1999px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly34 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(86deg) rotateY(355deg) rotateZ(490deg) translateZ(-1999px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(86deg) rotateY(355deg) rotateZ(490deg) translateZ(-1999px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 27% 41%;
    -webkit-animation: fly35 5000ms 1360ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly35 5000ms 1360ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly35 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(484deg) rotateY(342deg) rotateZ(-63deg) translateZ(-444px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(484deg) rotateY(342deg) rotateZ(-63deg) translateZ(-444px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(484deg) rotateY(342deg) rotateZ(-63deg) translateZ(-444px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(484deg) rotateY(342deg) rotateZ(-63deg) translateZ(-444px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 94% 92%;
    -webkit-animation: fly36 5000ms 1400ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly36 5000ms 1400ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly36 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(11deg) rotateY(-181deg) rotateZ(-224deg) translateZ(-1105px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(11deg) rotateY(-181deg) rotateZ(-224deg) translateZ(-1105px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(11deg) rotateY(-181deg) rotateZ(-224deg) translateZ(-1105px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(11deg) rotateY(-181deg) rotateZ(-224deg) translateZ(-1105px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 49% 99%;
    -webkit-animation: fly37 5000ms 1440ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly37 5000ms 1440ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly37 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(52deg) rotateY(118deg) rotateZ(202deg) translateZ(-386px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(52deg) rotateY(118deg) rotateZ(202deg) translateZ(-386px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(52deg) rotateY(118deg) rotateZ(202deg) translateZ(-386px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(52deg) rotateY(118deg) rotateZ(202deg) translateZ(-386px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 75% 17%;
    -webkit-animation: fly38 5000ms 1480ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly38 5000ms 1480ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly38 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(390deg) rotateY(171deg) rotateZ(-290deg) translateZ(-1701px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(390deg) rotateY(171deg) rotateZ(-290deg) translateZ(-1701px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly38 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(390deg) rotateY(171deg) rotateZ(-290deg) translateZ(-1701px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(390deg) rotateY(171deg) rotateZ(-290deg) translateZ(-1701px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 97% 24%;
    -webkit-animation: fly39 5000ms 1520ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly39 5000ms 1520ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly39 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-495deg) rotateY(483deg) rotateZ(-245deg) translateZ(-1267px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-495deg) rotateY(483deg) rotateZ(-245deg) translateZ(-1267px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-495deg) rotateY(483deg) rotateZ(-245deg) translateZ(-1267px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-495deg) rotateY(483deg) rotateZ(-245deg) translateZ(-1267px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 103% 51%;
    -webkit-animation: fly40 5000ms 1560ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly40 5000ms 1560ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly40 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-491deg) rotateY(-388deg) rotateZ(-179deg) translateZ(-2388px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-491deg) rotateY(-388deg) rotateZ(-179deg) translateZ(-2388px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-491deg) rotateY(-388deg) rotateZ(-179deg) translateZ(-2388px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-491deg) rotateY(-388deg) rotateZ(-179deg) translateZ(-2388px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -2% 78%;
    -webkit-animation: fly41 5000ms 1600ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly41 5000ms 1600ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly41 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-325deg) rotateY(-98deg) rotateZ(-92deg) translateZ(-282px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-325deg) rotateY(-98deg) rotateZ(-92deg) translateZ(-282px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly41 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-325deg) rotateY(-98deg) rotateZ(-92deg) translateZ(-282px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-325deg) rotateY(-98deg) rotateZ(-92deg) translateZ(-282px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 39% 148%;
    -webkit-animation: fly42 5000ms 1640ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly42 5000ms 1640ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly42 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(456deg) rotateY(247deg) rotateZ(131deg) translateZ(-649px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(456deg) rotateY(247deg) rotateZ(131deg) translateZ(-649px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(456deg) rotateY(247deg) rotateZ(131deg) translateZ(-649px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(456deg) rotateY(247deg) rotateZ(131deg) translateZ(-649px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 16% 56%;
    -webkit-animation: fly43 5000ms 1680ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly43 5000ms 1680ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly43 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(244deg) rotateY(388deg) rotateZ(399deg) translateZ(-2381px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(244deg) rotateY(388deg) rotateZ(399deg) translateZ(-2381px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(244deg) rotateY(388deg) rotateZ(399deg) translateZ(-2381px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(244deg) rotateY(388deg) rotateZ(399deg) translateZ(-2381px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 22% 95%;
    -webkit-animation: fly44 5000ms 1720ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly44 5000ms 1720ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly44 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(145deg) rotateY(259deg) rotateZ(320deg) translateZ(-32px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(145deg) rotateY(259deg) rotateZ(320deg) translateZ(-32px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(145deg) rotateY(259deg) rotateZ(320deg) translateZ(-32px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(145deg) rotateY(259deg) rotateZ(320deg) translateZ(-32px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 47% 130%;
    -webkit-animation: fly45 5000ms 1760ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly45 5000ms 1760ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly45 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-285deg) rotateY(335deg) rotateZ(68deg) translateZ(-2365px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-285deg) rotateY(335deg) rotateZ(68deg) translateZ(-2365px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly45 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-285deg) rotateY(335deg) rotateZ(68deg) translateZ(-2365px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-285deg) rotateY(335deg) rotateZ(68deg) translateZ(-2365px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 9% 76%;
    -webkit-animation: fly46 5000ms 1800ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly46 5000ms 1800ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly46 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(409deg) rotateY(-466deg) rotateZ(27deg) translateZ(107px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(409deg) rotateY(-466deg) rotateZ(27deg) translateZ(107px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(409deg) rotateY(-466deg) rotateZ(27deg) translateZ(107px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(409deg) rotateY(-466deg) rotateZ(27deg) translateZ(107px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 19% 68%;
    -webkit-animation: fly47 5000ms 1840ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly47 5000ms 1840ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly47 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(386deg) rotateY(151deg) rotateZ(161deg) translateZ(-1460px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(386deg) rotateY(151deg) rotateZ(161deg) translateZ(-1460px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(386deg) rotateY(151deg) rotateZ(161deg) translateZ(-1460px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(386deg) rotateY(151deg) rotateZ(161deg) translateZ(-1460px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -1% 55%;
    -webkit-animation: fly48 5000ms 1880ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly48 5000ms 1880ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly48 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-155deg) rotateY(77deg) rotateZ(-493deg) translateZ(-1796px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-155deg) rotateY(77deg) rotateZ(-493deg) translateZ(-1796px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-155deg) rotateY(77deg) rotateZ(-493deg) translateZ(-1796px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-155deg) rotateY(77deg) rotateZ(-493deg) translateZ(-1796px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -3% 109%;
    -webkit-animation: fly49 5000ms 1920ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly49 5000ms 1920ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly49 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-361deg) rotateY(-178deg) rotateZ(-499deg) translateZ(223px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-361deg) rotateY(-178deg) rotateZ(-499deg) translateZ(223px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-361deg) rotateY(-178deg) rotateZ(-499deg) translateZ(223px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-361deg) rotateY(-178deg) rotateZ(-499deg) translateZ(223px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 33% 96%;
    -webkit-animation: fly50 5000ms 1960ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly50 5000ms 1960ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly50 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(36deg) rotateY(-474deg) rotateZ(86deg) translateZ(-1556px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(36deg) rotateY(-474deg) rotateZ(86deg) translateZ(-1556px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(36deg) rotateY(-474deg) rotateZ(86deg) translateZ(-1556px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(36deg) rotateY(-474deg) rotateZ(86deg) translateZ(-1556px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 24% 137%;
    -webkit-animation: fly51 5000ms 2000ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly51 5000ms 2000ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly51 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(40deg) rotateY(-222deg) rotateZ(417deg) translateZ(-2424px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(40deg) rotateY(-222deg) rotateZ(417deg) translateZ(-2424px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(40deg) rotateY(-222deg) rotateZ(417deg) translateZ(-2424px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(40deg) rotateY(-222deg) rotateZ(417deg) translateZ(-2424px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 88% 128%;
    -webkit-animation: fly52 5000ms 2040ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly52 5000ms 2040ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly52 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-343deg) rotateY(80deg) rotateZ(415deg) translateZ(-475px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-343deg) rotateY(80deg) rotateZ(415deg) translateZ(-475px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-343deg) rotateY(80deg) rotateZ(415deg) translateZ(-475px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-343deg) rotateY(80deg) rotateZ(415deg) translateZ(-475px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 79% 140%;
    -webkit-animation: fly53 5000ms 2080ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly53 5000ms 2080ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly53 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-55deg) rotateY(-90deg) rotateZ(-216deg) translateZ(-860px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-55deg) rotateY(-90deg) rotateZ(-216deg) translateZ(-860px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly53 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-55deg) rotateY(-90deg) rotateZ(-216deg) translateZ(-860px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-55deg) rotateY(-90deg) rotateZ(-216deg) translateZ(-860px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 50% 95%;
    -webkit-animation: fly54 5000ms 2120ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly54 5000ms 2120ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly54 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-65deg) rotateY(364deg) rotateZ(309deg) translateZ(-2239px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-65deg) rotateY(364deg) rotateZ(309deg) translateZ(-2239px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-65deg) rotateY(364deg) rotateZ(309deg) translateZ(-2239px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-65deg) rotateY(364deg) rotateZ(309deg) translateZ(-2239px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 39% 140%;
    -webkit-animation: fly55 5000ms 2160ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly55 5000ms 2160ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly55 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(87deg) rotateY(-101deg) rotateZ(-151deg) translateZ(-2465px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(87deg) rotateY(-101deg) rotateZ(-151deg) translateZ(-2465px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(87deg) rotateY(-101deg) rotateZ(-151deg) translateZ(-2465px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(87deg) rotateY(-101deg) rotateZ(-151deg) translateZ(-2465px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 40% 69%;
    -webkit-animation: fly56 5000ms 2200ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly56 5000ms 2200ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly56 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(352deg) rotateY(329deg) rotateZ(244deg) translateZ(-1359px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(352deg) rotateY(329deg) rotateZ(244deg) translateZ(-1359px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly56 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(352deg) rotateY(329deg) rotateZ(244deg) translateZ(-1359px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(352deg) rotateY(329deg) rotateZ(244deg) translateZ(-1359px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 113% 138%;
    -webkit-animation: fly57 5000ms 2240ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly57 5000ms 2240ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly57 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(293deg) rotateY(419deg) rotateZ(-299deg) translateZ(-1610px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(293deg) rotateY(419deg) rotateZ(-299deg) translateZ(-1610px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(293deg) rotateY(419deg) rotateZ(-299deg) translateZ(-1610px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(293deg) rotateY(419deg) rotateZ(-299deg) translateZ(-1610px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui:nth-child(58) {
    color: #8b15ae;
    -webkit-clip-path: polygon(80% 100%, 90% 100%, 90% 150%);
            clip-path: polygon(80% 100%, 90% 100%, 90% 150%);
    transform-origin: 34% 127%;
    -webkit-animation: fly58 5000ms 2280ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly58 5000ms 2280ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly58 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-478deg) rotateY(-341deg) rotateZ(-207deg) translateZ(-2423px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-478deg) rotateY(-341deg) rotateZ(-207deg) translateZ(-2423px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-478deg) rotateY(-341deg) rotateZ(-207deg) translateZ(-2423px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-478deg) rotateY(-341deg) rotateZ(-207deg) translateZ(-2423px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 112% 91%;
    -webkit-animation: fly59 5000ms 2320ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly59 5000ms 2320ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly59 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-417deg) rotateY(376deg) rotateZ(-136deg) translateZ(-390px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-417deg) rotateY(376deg) rotateZ(-136deg) translateZ(-390px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-417deg) rotateY(376deg) rotateZ(-136deg) translateZ(-390px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-417deg) rotateY(376deg) rotateZ(-136deg) translateZ(-390px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 85% 58%;
    -webkit-animation: fly60 5000ms 2360ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly60 5000ms 2360ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly60 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(197deg) rotateY(-449deg) rotateZ(-139deg) translateZ(-2197px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(197deg) rotateY(-449deg) rotateZ(-139deg) translateZ(-2197px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(197deg) rotateY(-449deg) rotateZ(-139deg) translateZ(-2197px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(197deg) rotateY(-449deg) rotateZ(-139deg) translateZ(-2197px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 24% 141%;
    -webkit-animation: fly61 5000ms 2400ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly61 5000ms 2400ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly61 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(189deg) rotateY(-422deg) rotateZ(57deg) translateZ(-719px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(189deg) rotateY(-422deg) rotateZ(57deg) translateZ(-719px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(189deg) rotateY(-422deg) rotateZ(57deg) translateZ(-719px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(189deg) rotateY(-422deg) rotateZ(57deg) translateZ(-719px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -38% 111%;
    -webkit-animation: fly62 5000ms 2440ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly62 5000ms 2440ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly62 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(134deg) rotateY(-490deg) rotateZ(-476deg) translateZ(228px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(134deg) rotateY(-490deg) rotateZ(-476deg) translateZ(228px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(134deg) rotateY(-490deg) rotateZ(-476deg) translateZ(228px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(134deg) rotateY(-490deg) rotateZ(-476deg) translateZ(228px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 58% 169%;
    -webkit-animation: fly63 5000ms 2480ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly63 5000ms 2480ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly63 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(1deg) rotateY(266deg) rotateZ(86deg) translateZ(-405px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(1deg) rotateY(266deg) rotateZ(86deg) translateZ(-405px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(1deg) rotateY(266deg) rotateZ(86deg) translateZ(-405px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(1deg) rotateY(266deg) rotateZ(86deg) translateZ(-405px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 20% 192%;
    -webkit-animation: fly64 5000ms 2520ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly64 5000ms 2520ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly64 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(490deg) rotateY(-195deg) rotateZ(-223deg) translateZ(-67px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(490deg) rotateY(-195deg) rotateZ(-223deg) translateZ(-67px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(490deg) rotateY(-195deg) rotateZ(-223deg) translateZ(-67px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(490deg) rotateY(-195deg) rotateZ(-223deg) translateZ(-67px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 61% 182%;
    -webkit-animation: fly65 5000ms 2560ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly65 5000ms 2560ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly65 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-499deg) rotateY(325deg) rotateZ(176deg) translateZ(-1961px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-499deg) rotateY(325deg) rotateZ(176deg) translateZ(-1961px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-499deg) rotateY(325deg) rotateZ(176deg) translateZ(-1961px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-499deg) rotateY(325deg) rotateZ(176deg) translateZ(-1961px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -4% 152%;
    -webkit-animation: fly66 5000ms 2600ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly66 5000ms 2600ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly66 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-460deg) rotateY(-67deg) rotateZ(-238deg) translateZ(16px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-460deg) rotateY(-67deg) rotateZ(-238deg) translateZ(16px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-460deg) rotateY(-67deg) rotateZ(-238deg) translateZ(16px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-460deg) rotateY(-67deg) rotateZ(-238deg) translateZ(16px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -15% 200%;
    -webkit-animation: fly67 5000ms 2640ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly67 5000ms 2640ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly67 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(444deg) rotateY(-266deg) rotateZ(-492deg) translateZ(-2015px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(444deg) rotateY(-266deg) rotateZ(-492deg) translateZ(-2015px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(444deg) rotateY(-266deg) rotateZ(-492deg) translateZ(-2015px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(444deg) rotateY(-266deg) rotateZ(-492deg) translateZ(-2015px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -1% 189%;
    -webkit-animation: fly68 5000ms 2680ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly68 5000ms 2680ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly68 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(335deg) rotateY(-159deg) rotateZ(-486deg) translateZ(-771px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(335deg) rotateY(-159deg) rotateZ(-486deg) translateZ(-771px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(335deg) rotateY(-159deg) rotateZ(-486deg) translateZ(-771px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(335deg) rotateY(-159deg) rotateZ(-486deg) translateZ(-771px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 39% 158%;
    -webkit-animation: fly69 5000ms 2720ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly69 5000ms 2720ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly69 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-233deg) rotateY(-150deg) rotateZ(-210deg) translateZ(-2109px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-233deg) rotateY(-150deg) rotateZ(-210deg) translateZ(-2109px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-233deg) rotateY(-150deg) rotateZ(-210deg) translateZ(-2109px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-233deg) rotateY(-150deg) rotateZ(-210deg) translateZ(-2109px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 80% 181%;
    -webkit-animation: fly70 5000ms 2760ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly70 5000ms 2760ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly70 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-175deg) rotateY(494deg) rotateZ(475deg) translateZ(-526px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-175deg) rotateY(494deg) rotateZ(475deg) translateZ(-526px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-175deg) rotateY(494deg) rotateZ(475deg) translateZ(-526px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-175deg) rotateY(494deg) rotateZ(475deg) translateZ(-526px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 56% 124%;
    -webkit-animation: fly71 5000ms 2800ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly71 5000ms 2800ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly71 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-395deg) rotateY(-229deg) rotateZ(346deg) translateZ(-2075px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-395deg) rotateY(-229deg) rotateZ(346deg) translateZ(-2075px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-395deg) rotateY(-229deg) rotateZ(346deg) translateZ(-2075px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-395deg) rotateY(-229deg) rotateZ(346deg) translateZ(-2075px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 31% 158%;
    -webkit-animation: fly72 5000ms 2840ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly72 5000ms 2840ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly72 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-487deg) rotateY(177deg) rotateZ(78deg) translateZ(-482px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-487deg) rotateY(177deg) rotateZ(78deg) translateZ(-482px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-487deg) rotateY(177deg) rotateZ(78deg) translateZ(-482px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-487deg) rotateY(177deg) rotateZ(78deg) translateZ(-482px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 95% 188%;
    -webkit-animation: fly73 5000ms 2880ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly73 5000ms 2880ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly73 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(460deg) rotateY(175deg) rotateZ(278deg) translateZ(-60px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(460deg) rotateY(175deg) rotateZ(278deg) translateZ(-60px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly73 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(460deg) rotateY(175deg) rotateZ(278deg) translateZ(-60px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(460deg) rotateY(175deg) rotateZ(278deg) translateZ(-60px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 32% 134%;
    -webkit-animation: fly74 5000ms 2920ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly74 5000ms 2920ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly74 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(364deg) rotateY(-89deg) rotateZ(343deg) translateZ(-688px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(364deg) rotateY(-89deg) rotateZ(343deg) translateZ(-688px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(364deg) rotateY(-89deg) rotateZ(343deg) translateZ(-688px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(364deg) rotateY(-89deg) rotateZ(343deg) translateZ(-688px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 63% 120%;
    -webkit-animation: fly75 5000ms 2960ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly75 5000ms 2960ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly75 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(334deg) rotateY(19deg) rotateZ(74deg) translateZ(-232px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(334deg) rotateY(19deg) rotateZ(74deg) translateZ(-232px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(334deg) rotateY(19deg) rotateZ(74deg) translateZ(-232px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(334deg) rotateY(19deg) rotateZ(74deg) translateZ(-232px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 63% 160%;
    -webkit-animation: fly76 5000ms 3000ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly76 5000ms 3000ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly76 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-211deg) rotateY(457deg) rotateZ(62deg) translateZ(-1877px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-211deg) rotateY(457deg) rotateZ(62deg) translateZ(-1877px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-211deg) rotateY(457deg) rotateZ(62deg) translateZ(-1877px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-211deg) rotateY(457deg) rotateZ(62deg) translateZ(-1877px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 46% 115%;
    -webkit-animation: fly77 5000ms 3040ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly77 5000ms 3040ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly77 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-366deg) rotateY(457deg) rotateZ(-382deg) translateZ(-222px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-366deg) rotateY(457deg) rotateZ(-382deg) translateZ(-222px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-366deg) rotateY(457deg) rotateZ(-382deg) translateZ(-222px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-366deg) rotateY(457deg) rotateZ(-382deg) translateZ(-222px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 125% 150%;
    -webkit-animation: fly78 5000ms 3080ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly78 5000ms 3080ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly78 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(203deg) rotateY(-492deg) rotateZ(-120deg) translateZ(-345px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(203deg) rotateY(-492deg) rotateZ(-120deg) translateZ(-345px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(203deg) rotateY(-492deg) rotateZ(-120deg) translateZ(-345px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(203deg) rotateY(-492deg) rotateZ(-120deg) translateZ(-345px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 109% 165%;
    -webkit-animation: fly79 5000ms 3120ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly79 5000ms 3120ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly79 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-41deg) rotateY(-168deg) rotateZ(-372deg) translateZ(338px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-41deg) rotateY(-168deg) rotateZ(-372deg) translateZ(338px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-41deg) rotateY(-168deg) rotateZ(-372deg) translateZ(338px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-41deg) rotateY(-168deg) rotateZ(-372deg) translateZ(338px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 42% 182%;
    -webkit-animation: fly80 5000ms 3160ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly80 5000ms 3160ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly80 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-201deg) rotateY(304deg) rotateZ(-130deg) translateZ(-1216px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-201deg) rotateY(304deg) rotateZ(-130deg) translateZ(-1216px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-201deg) rotateY(304deg) rotateZ(-130deg) translateZ(-1216px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-201deg) rotateY(304deg) rotateZ(-130deg) translateZ(-1216px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -3% 175%;
    -webkit-animation: fly81 5000ms 3200ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly81 5000ms 3200ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly81 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-231deg) rotateY(-39deg) rotateZ(469deg) translateZ(-1562px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-231deg) rotateY(-39deg) rotateZ(469deg) translateZ(-1562px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-231deg) rotateY(-39deg) rotateZ(469deg) translateZ(-1562px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-231deg) rotateY(-39deg) rotateZ(469deg) translateZ(-1562px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -28% 235%;
    -webkit-animation: fly82 5000ms 3240ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly82 5000ms 3240ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly82 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(458deg) rotateY(-142deg) rotateZ(-443deg) translateZ(-423px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(458deg) rotateY(-142deg) rotateZ(-443deg) translateZ(-423px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(458deg) rotateY(-142deg) rotateZ(-443deg) translateZ(-423px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(458deg) rotateY(-142deg) rotateZ(-443deg) translateZ(-423px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 4% 242%;
    -webkit-animation: fly83 5000ms 3280ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly83 5000ms 3280ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly83 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(468deg) rotateY(67deg) rotateZ(478deg) translateZ(-231px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(468deg) rotateY(67deg) rotateZ(478deg) translateZ(-231px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(468deg) rotateY(67deg) rotateZ(478deg) translateZ(-231px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(468deg) rotateY(67deg) rotateZ(478deg) translateZ(-231px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 54% 228%;
    -webkit-animation: fly84 5000ms 3320ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly84 5000ms 3320ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly84 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-214deg) rotateY(-306deg) rotateZ(-105deg) translateZ(411px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-214deg) rotateY(-306deg) rotateZ(-105deg) translateZ(411px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-214deg) rotateY(-306deg) rotateZ(-105deg) translateZ(411px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-214deg) rotateY(-306deg) rotateZ(-105deg) translateZ(411px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 17% 192%;
    -webkit-animation: fly85 5000ms 3360ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly85 5000ms 3360ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly85 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(66deg) rotateY(198deg) rotateZ(439deg) translateZ(-1274px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(66deg) rotateY(198deg) rotateZ(439deg) translateZ(-1274px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(66deg) rotateY(198deg) rotateZ(439deg) translateZ(-1274px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(66deg) rotateY(198deg) rotateZ(439deg) translateZ(-1274px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -14% 201%;
    -webkit-animation: fly86 5000ms 3400ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly86 5000ms 3400ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly86 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-229deg) rotateY(51deg) rotateZ(340deg) translateZ(-347px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-229deg) rotateY(51deg) rotateZ(340deg) translateZ(-347px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-229deg) rotateY(51deg) rotateZ(340deg) translateZ(-347px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-229deg) rotateY(51deg) rotateZ(340deg) translateZ(-347px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: -6% 204%;
    -webkit-animation: fly87 5000ms 3440ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly87 5000ms 3440ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly87 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-204deg) rotateY(226deg) rotateZ(369deg) translateZ(-645px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-204deg) rotateY(226deg) rotateZ(369deg) translateZ(-645px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-204deg) rotateY(226deg) rotateZ(369deg) translateZ(-645px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-204deg) rotateY(226deg) rotateZ(369deg) translateZ(-645px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 78% 158%;
    -webkit-animation: fly88 5000ms 3480ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly88 5000ms 3480ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly88 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(105deg) rotateY(-266deg) rotateZ(224deg) translateZ(-1472px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(105deg) rotateY(-266deg) rotateZ(224deg) translateZ(-1472px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(105deg) rotateY(-266deg) rotateZ(224deg) translateZ(-1472px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(105deg) rotateY(-266deg) rotateZ(224deg) translateZ(-1472px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 45% 221%;
    -webkit-animation: fly89 5000ms 3520ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly89 5000ms 3520ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly89 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-472deg) rotateY(127deg) rotateZ(-290deg) translateZ(-1325px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-472deg) rotateY(127deg) rotateZ(-290deg) translateZ(-1325px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-472deg) rotateY(127deg) rotateZ(-290deg) translateZ(-1325px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-472deg) rotateY(127deg) rotateZ(-290deg) translateZ(-1325px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 36% 221%;
    -webkit-animation: fly90 5000ms 3560ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly90 5000ms 3560ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly90 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-96deg) rotateY(-369deg) rotateZ(-397deg) translateZ(-1613px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-96deg) rotateY(-369deg) rotateZ(-397deg) translateZ(-1613px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-96deg) rotateY(-369deg) rotateZ(-397deg) translateZ(-1613px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-96deg) rotateY(-369deg) rotateZ(-397deg) translateZ(-1613px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 56% 157%;
    -webkit-animation: fly91 5000ms 3600ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly91 5000ms 3600ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly91 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-160deg) rotateY(225deg) rotateZ(172deg) translateZ(-1360px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-160deg) rotateY(225deg) rotateZ(172deg) translateZ(-1360px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly91 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-160deg) rotateY(225deg) rotateZ(172deg) translateZ(-1360px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-160deg) rotateY(225deg) rotateZ(172deg) translateZ(-1360px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 57% 247%;
    -webkit-animation: fly92 5000ms 3640ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly92 5000ms 3640ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly92 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(35deg) rotateY(-480deg) rotateZ(-209deg) translateZ(-35px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(35deg) rotateY(-480deg) rotateZ(-209deg) translateZ(-35px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly92 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(35deg) rotateY(-480deg) rotateZ(-209deg) translateZ(-35px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(35deg) rotateY(-480deg) rotateZ(-209deg) translateZ(-35px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 74% 171%;
    -webkit-animation: fly93 5000ms 3680ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly93 5000ms 3680ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly93 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(148deg) rotateY(-175deg) rotateZ(57deg) translateZ(-2278px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(148deg) rotateY(-175deg) rotateZ(57deg) translateZ(-2278px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(148deg) rotateY(-175deg) rotateZ(57deg) translateZ(-2278px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(148deg) rotateY(-175deg) rotateZ(57deg) translateZ(-2278px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 70% 155%;
    -webkit-animation: fly94 5000ms 3720ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly94 5000ms 3720ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly94 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(220deg) rotateY(-70deg) rotateZ(-374deg) translateZ(38px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(220deg) rotateY(-70deg) rotateZ(-374deg) translateZ(38px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly94 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(220deg) rotateY(-70deg) rotateZ(-374deg) translateZ(38px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(220deg) rotateY(-70deg) rotateZ(-374deg) translateZ(38px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 49% 247%;
    -webkit-animation: fly95 5000ms 3760ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly95 5000ms 3760ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly95 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-393deg) rotateY(179deg) rotateZ(-32deg) translateZ(-2433px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-393deg) rotateY(179deg) rotateZ(-32deg) translateZ(-2433px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-393deg) rotateY(179deg) rotateZ(-32deg) translateZ(-2433px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-393deg) rotateY(179deg) rotateZ(-32deg) translateZ(-2433px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 24% 160%;
    -webkit-animation: fly96 5000ms 3800ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly96 5000ms 3800ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly96 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(368deg) rotateY(-492deg) rotateZ(145deg) translateZ(-2289px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(368deg) rotateY(-492deg) rotateZ(145deg) translateZ(-2289px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(368deg) rotateY(-492deg) rotateZ(145deg) translateZ(-2289px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(368deg) rotateY(-492deg) rotateZ(145deg) translateZ(-2289px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 57% 228%;
    -webkit-animation: fly97 5000ms 3840ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly97 5000ms 3840ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly97 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(499deg) rotateY(499deg) rotateZ(-331deg) translateZ(-1104px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(499deg) rotateY(499deg) rotateZ(-331deg) translateZ(-1104px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(499deg) rotateY(499deg) rotateZ(-331deg) translateZ(-1104px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(499deg) rotateY(499deg) rotateZ(-331deg) translateZ(-1104px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 82% 163%;
    -webkit-animation: fly98 5000ms 3880ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly98 5000ms 3880ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly98 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-82deg) rotateY(-31deg) rotateZ(-387deg) translateZ(-1002px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-82deg) rotateY(-31deg) rotateZ(-387deg) 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 fly98 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-82deg) rotateY(-31deg) rotateZ(-387deg) translateZ(-1002px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-82deg) rotateY(-31deg) rotateZ(-387deg) 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);
    }
}
#titre-ui .text-titre-ui: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: 66% 183%;
    -webkit-animation: fly99 5000ms 3920ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly99 5000ms 3920ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly99 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-63deg) rotateY(43deg) rotateZ(379deg) translateZ(-1736px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-63deg) rotateY(43deg) rotateZ(379deg) translateZ(-1736px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
@keyframes fly99 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-63deg) rotateY(43deg) rotateZ(379deg) translateZ(-1736px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-63deg) rotateY(43deg) rotateZ(379deg) translateZ(-1736px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}
#titre-ui .text-titre-ui: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: 102% 197%;
    -webkit-animation: fly100 5000ms 3960ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly100 5000ms 3960ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly100 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-293deg) rotateY(-9deg) rotateZ(-495deg) translateZ(3px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-293deg) rotateY(-9deg) rotateZ(-495deg) 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 fly100 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-293deg) rotateY(-9deg) rotateZ(-495deg) translateZ(3px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-293deg) rotateY(-9deg) rotateZ(-495deg) 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);
    }
}
#titre-ui .text-titre-ui: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: 8% 219%;
    -webkit-animation: fly101 5000ms 4000ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
            animation: fly101 5000ms 4000ms cubic-bezier(0.36, 0.1, 0.16, 1) forwards;
}
@-webkit-keyframes fly101 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-138deg) rotateY(-181deg) rotateZ(-265deg) translateZ(-419px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-138deg) rotateY(-181deg) rotateZ(-265deg) translateZ(-419px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) 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(-138deg) rotateY(-181deg) rotateZ(-265deg) translateZ(-419px);
    }
    10% {
        opacity: 0;
        transform: translate(-50%, -50%) rotateX(-138deg) rotateY(-181deg) rotateZ(-265deg) translateZ(-419px);
    }
    90% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
    }
}

/* Animation du background pour "conseil & formation"  */

body.page-id-15 {
    margin: auto;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    overflow-y: auto;
    overflow-x:hidden;
    background: linear-gradient(315deg, rgba(101,0,94,1) 3%, rgba(60,132,206,1) 38%, rgba(48,238,226,1) 68%, rgba(255,25,25,1) 98%);
    animation: gradient 50s ease infinite;
    background-size: 400% 400%;
    background-attachment: fixed;
}

@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

.wave {
    background: rgb(255 255 255 / 25%);
    border-radius: 1000% 1000% 0 0;
    position: fixed;
    width: 200%;
    height: 12em;
    animation: wave 30s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.wave:nth-of-type(2) {
    bottom: -1.25em;
    animation: wave 38s linear reverse infinite;
    opacity: 0.8;
}

.wave:nth-of-type(3) {
    bottom: -2.5em;
    animation: wave 50s -1s reverse infinite;
    opacity: 0.9;
}

@keyframes wave {
    2% {
        transform: translateX(1);
    }

    25% {
        transform: translateX(-25%);
    }

    50% {
        transform: translateX(-50%);
    }

    75% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(1);
    }
}