body {
    background: radial-gradient(ellipse at bottom, #3f4e5f 0%, #000000 100%);
    height: 100vh;
    overflow: hidden;
}

/* GENERAL*/

svg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.cls-1 {
    fill: url(#Dégradé_sans_nom_364-6);
}

.cls-1,
.cls-2,
.cls-3,
.cls-4,
.cls-5,
.cls-6,
.cls-7,
.cls-8,
.cls-9,
.cls-10,
.cls-11,
.cls-12,
.cls-13,
.cls-14,
.cls-15,
.cls-16,
.cls-17,
.cls-18,
.cls-19,
.cls-20,
.cls-21,
.cls-22,
.cls-23,
.cls-24,
.cls-25,
.cls-26,
.cls-27 {
    stroke-width: 0px;
}

.cls-2 {
    fill: #6bdddd;
}

.cls-3 {
    fill: #638fdb;
}

.cls-4 {
    fill: #19004f;
}

.cls-28 {
    fill: none;
}

.cls-28,
.cls-29,
.cls-30,
.cls-31,
.cls-32,
.cls-33,
.cls-34 {
    stroke-miterlimit: 10;
}

.cls-28,
.cls-30,
.cls-31,
.cls-32,
.cls-33,
.cls-34 {
    stroke: #fff;
}

.cls-5 {
    fill: url(#Dégradé_sans_nom_486);
}

.cls-6,
.cls-29 {
    fill: #e8b71a;
}

.cls-7 {
    fill: #5200C6;
}

.cls-8 {
    fill: url(#Dégradé_sans_nom_364-5);
}

.cls-10 {
    fill: url(#Dégradé_sans_nom_469);
}

.cls-11 {
    fill: #00fff2;
}

.cls-29 {
    stroke: #1d1d1b;
}

.cls-12 {
    fill: #a9c4ff;
}

.cls-13 {
    fill: #1773ce;
}

.cls-14 {
    fill: #114ea8;
}

.cls-15 {
    fill: #9ba0a0;
}

.cls-16 {
    fill: url(#Dégradé_sans_nom_364-7);
}

.cls-17 {
    fill: url(#Dégradé_sans_nom_364-8);
}

.cls-18,
.cls-32 {
    fill: #fff;
}

.cls-19 {
    fill: url(#Dégradé_sans_nom_364-4);
}

.cls-20 {
    fill: url(#Dégradé_sans_nom_364);
}

.cls-21 {
    fill: #486db7;
}

.cls-30 {
    fill: #00d6cb;
}

.cls-22 {
    fill: #94aeea;
}

.cls-31 {
    fill: url(#Dégradé_sans_nom_474);
    stroke-width: .5px;
}

.cls-23 {
    fill: url(#Dégradé_sans_nom_364-2);
}

.cls-24,
.cls-33 {
    fill: #203a84;
}

.cls-25,
.cls-34 {
    fill: #152768;
}

.cls-26 {
    fill: url(#Dégradé_sans_nom_364-3);
}

.cls-27 {
    fill: #233f8e;
}

/*ETOILES*/
.stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1266px 6126px #FFF, 1554px 440px #FFF, 270px 345px #FFF, 1500px 1650px #FFF, 1258px 1525px #FFF, 250px 1232px #FFF, 1476px 1998px #FFF, 1604px 1812px #FFF, 1662px 459px #FFF, 585px 1165px #FFF, 889px 1441px #FFF, 1010px 1133px #FFF, 515px 1841px #FFF, 1624px 1600px #FFF, 1511px 565px #FFF, 684px 289px #FFF, 946px 1497px #FFF, 1290px 903px #FFF, 573px 1025px #FFF, 123px 849px #FFF, 1326px 1684px #FFF, 180px 1004px #FFF, 909px 1166px #FFF, 658px 553px #FFF, 1412px 430px #FFF, 606px 1925px #FFF, 1118px 164px #FFF, 592px 1888px #FFF, 40px 1749px #FFF, 565px 872px #FFF, 588px 230px #FFF, 957px 94px #FFF;
    animation: animStar 50s linear infinite;
    z-index: 0;
}


.stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 417px 8648px #FFF, 5px 629px #FFF, 1477px 1485px #FFF, 1649px 1639px #FFF, 1795px 1891px #FFF, 145px 1676px #FFF, 1027px 1400px #FFF, 811px 592px #FFF, 376px 42px #FFF, 1903px 1418px #FFF, 1971px 909px #FFF, 951px 1471px #FFF, 104px 1659px #FFF, 204px 1266px #FFF, 1814px 102px #FFF, 1151px 1890px #FFF, 696px 1314px #FFF, 20px 52px #FFF, 908px 606px #FFF, 1803px 1727px #FFF, 1470px 1356px #FFF, 622px 293px #FFF, 1516px 896px #FFF, 1731px 1237px #FFF;
    animation: animStar 100s linear infinite;
    z-index: 0;
}


.stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 386px 13780px #FFF, 1875px 59px #FFF, 594px 269px #FFF, 979px 994px #FFF, 1685px 1942px #FFF, 489px 519px #FFF, 1650px 881px #FFF, 195px 1229px #FFF, 1644px 699px #FFF, 259px 1203px #FFF, 727px 890px #FFF, 1072px 1758px #FFF, 2px 1897px #FFF, 1701px 310px #FFF, 893px 1848px #FFF, 407px 18px #FFF, 1828px 1747px #FFF, 236px 1402px #FFF, 1966px 381px #FFF, 1848px 1056px #FFF, 632px 1437px #FFF, 1697px 509px #FFF, 890px 122px #FFF, 1322px 659px #FFF, 651px 190px #FFF;
    animation: animStar 150s linear infinite;
    z-index: 0;
}


@keyframes animStar {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-2000px);
    }
}

/*LUMIERES*/
@keyframes blink {
    0% {
        fill: #ffe07b;
    }

    50% {
        fill: #505050;
    }

    100% {
        fill: #ffe07b;
    }
}

.cls-6 {
    animation: blink 15s infinite;
}

.cls-29 {
    animation: blink 25s infinite;
}

/* NUAGES*/
@keyframes cloud {

    0% {
        transform: translateX(0%);
    }

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

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

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

#NUAGES {
    animation: cloud 500s linear infinite;
}

/* TRAIN*/
@keyframes bouger {
    0% {
        transform: translateX(0%);
    }

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

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

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

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

#TGV_inoui {
    animation: bouger 50s ease-in-out infinite;

}

/* HORLOGE*/
.horloge #aiguille_mn {
    transform-origin: 3223.56px 259.82px;
    animation: horloge 5s linear infinite;
}

.horloge #aiguille_h {
    transform-origin: 3223.56px 259.82px;
    animation: horloge 50s linear infinite;
}

@keyframes horloge {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* LOSANGES*/
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(-20deg);
    }

    25% {
        transform: rotate(90deg);
    }

    35% {
        transform: rotate(70deg);
    }

    50% {
        transform: rotate(180deg);
    }

    60% {
        transform: rotate(160deg);
    }

    75% {
        transform: rotate(270deg);
    }

    85% {
        transform: rotate(250deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#L1 {
    transform-origin: 2964.88px 425.9px;
    animation: rotation 4s ease-in-out infinite;
}

#L2 {
    transform-origin: 3055.53px 425.9px;
    ;
    animation: rotation 4s linear infinite;
}

#L3 {
    transform-origin: 3009.78px 425.9px;
    animation: rotation 4s linear infinite;
}

#L4 {
    transform-origin: 3106.83px 425.9px;
    animation: rotation 4s linear infinite;
}

#L5 {
    transform-origin: 3339.91px 425.9px;
    animation: rotation 4s linear infinite;
}

#L6 {
    transform-origin: 3391.36px 425.9px;
    animation: rotation 4s linear infinite;
}

#L7 {
    transform-origin: 3436.6px 425.9px;
    animation: rotation 4s linear infinite;
}

#L8 {
    transform-origin: 3481.82px 425.9px;
    animation: rotation 4s linear infinite;
}

/* VELO*/
#velo {
    animation: velo 30s ease-in-out infinite;
}

@keyframes velo {
    0% {
        transform: translateX(20%);
    }

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

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

    100% {
        transform: translateX(-110%);
    }

}

/* OISEAU*/
#BIRD {
    animation: oiseau 70s linear infinite;
}

@keyframes oiseau {

    0% {
        transform: translateX(0%);
    }

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

    75% {
        transform: translateX(105%);
    }

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