.fadeout-horizontal{
    mask-image: linear-gradient(
     to right,
        transparent,
        black 15rem,
        black calc(100% - 15rem),
        transparent
    );
}

.marquee-text{
    overflow: clip;
    padding: 0;
    opacity: 10%;
    font-weight: 100;

    font-size: 10rem;
}

.marquee-text-track-1{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;

    gap: 0;
    width: max-content;
    height: fit-content;
    padding-left: 4.8rem;
    color: var(--color-palette-white-smoke);
    animation: marquee-move-text 250s linear infinite forwards;
}

.marquee-text-track-2{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;

    gap: 0;
    width: max-content;
    height: fit-content;
    padding-left: 4.8rem;
    color: var(--color-palette-white-smoke);
    animation: marquee-move-text 260s linear infinite forwards;
}
.marquee-text-track-3{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;

    gap: 0;
    width: max-content;
    height: fit-content;
    padding-left: 4.8rem;
    color: var(--color-palette-white-smoke);
    animation: marquee-move-text 240s linear infinite forwards;
}


.marquee-text p{
    margin: 0;
    padding: 0;
    /*padding: 1rem 2.5rem;*/

}

@keyframes marquee-move-text {
    to {
        transform: translateX(-50%);
    }

}