:root{
    --var-scroll-1:-0px;
    --var-scroll-2:-0px;
    --var-scroll-3:-0px;
    --var-scroll-4:-0px;
    --var-scroll-5:-0px;
    --var-scroll-6:-0px;
}
.main-container{
    background-image: url(../media/parallaxe/Par_Background-6.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    overflow-x: hidden;
}
.parallaxe-sun-8{
    position: fixed;
    z-index: 5;
    bottom: -250px;
    width: 100%;
}
.parallaxe-star-9{
    width: 100%;
    position: fixed;
    z-index: 4;
    bottom: -250px;
}
.parallaxe-front-bat{
    position: relative;
    width: 100svw;
    height: auto;
    min-height: 100vh;
    background-image: url(../media/parallaxe/Par-_Front\ Bat-1.svg);
    background-repeat: repeat;
    background-position: top;
    background-size: 100%;
    z-index: 11;
    overflow-x: hidden;
}
.container-content{
    z-index: 1000;
    width: 100%;
    max-width: 100svw;
    height: fit-content;
    padding-bottom: calc((9/16*-100vw)/2);

}
.container-content .content{
    width: 60%;
    min-width: 250px;
    margin: 0px auto;
    padding: 25px;
    text-align: center;
    color: antiquewhite;

}
.parallaxe-full{
    position: relative;
    width: 100svw;
    height: calc(9/16*100vw);
    z-index: 6;
    margin-top: calc((9/16*-100vw)/2);
    overflow-x: hidden;
}
.parallaxe-footer-2{
    position: absolute;
    z-index: 10;
    bottom: var(--var-scroll-1);
    width: 100%;
    height: auto;
    pointer-events: none;
}
.parallaxe-mid-bat-3{
    position: absolute;
    z-index: 9;
    bottom: var(--var-scroll-2);
    width: 100%;
}
.parallaxe-mid-bat-4{
    position: absolute;
    z-index: 8;
    bottom: var(--var-scroll-3);
    width: 100%;

}
.parallaxe-mid-bat-5{
    position: absolute;
    z-index: 7;
    bottom: var(--var-scroll-4);
    width: 100%;
}

.parallaxe-cloud-7{
    position: absolute;
    z-index: 6;
    bottom: var(--var-scroll-5);
    width: 100%;
}