@keyframes animationOpacity {
    0% {
        opacity: var(--opacityDown);
    }

    100% {
        opacity: var(--opacityUp);
    }
}

@keyframes animationOpacityD {
    0% {
        opacity: var(--opacityDown);
    }

    100% {
        opacity: var(--opacityUpD);
    }
}

@keyframes animationSlide {
    to {
        transform: translateY(0);
    }
}

@keyframes animationMarquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.animationElementUnVisible {
    opacity: var(--opacityDown);
}

.animationElementIsVisible {
    opacity: var(--opacityUp);
    transform: translateY(+10dvh);
    animation: animationSlide var(--durationL) var(--course) forwards;
    transition: opacity var(--durationL) var(--course);
}