.marquee {
    position: relative;
    overflow: hidden;
    --offset: 20vw;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-50% + var(--offset));
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 15s linear infinite;
    animation-play-state: running;
    padding: 0px;
    white-space: nowrap;
}

.marquee__inner > p{
    opacity:0;
}

.marquee div.marqspan{
    display: inline-block;
    padding: 0px 30px 0px 0px;
    color: #f0ff00;
    font-family: 'Helvetica-LightOblique';
    font-size: 40px;
    white-space: nowrap;
}

.marquee:hover .marquee__inner {
    animation-play-state: running;
}

@keyframes marquee {
    0% {
        transform: translate3d(var(--move-initial), 0, 0);
    }

    100% {
        transform: translate3d(var(--move-final), 0, 0);
    }
}