/* ==================================================
   MARQUEE
================================================== */

.marquee{

    overflow:hidden;

    padding:30px 0;

    border-top:1px solid var(--color-border);

    border-bottom:1px solid var(--color-border);

    white-space:nowrap;

    background:#fff;

}

.marquee-track{

    display:inline-flex;

    gap:80px;

    animation:marquee 22s linear infinite;

}

.marquee span{

    font-family:var(--font-heading);

    font-size:42px;

    color:var(--color-text);

}

@keyframes marquee{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}