#logo {
    font-family: 'Eczar', serif;
}

* {
    font-family: 'Poppins', sans-serif;
}

.bg-epk {
    background-image: linear-gradient(to right bottom, #142e79, #142e79, #142e79, #142e79, #142e79, #173282, #1b378a, #1e3b93, #2545a7, #2c4fbc, #335ad1, #3a65e6);
}

.marquee {
    --gap: 1rem;
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
}

.marquee__content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
}
  
@keyframes scroll {
from {
    transform: translateX(0);
}
to {
    transform: translateX(calc(-100% - var(--gap)));
}
}

@media screen and (max-width: 600px) {
    .marquee__content {
        animation: scroll 10s linear infinite;
    }
}

@media screen and (min-width: 601px) {
    .marquee__content {
        animation: scroll 20s linear infinite;
    }
}


@media (prefers-reduced-motion: reduce) {
    .marquee__content {
        animation-play-state: paused !important;
    }
}

/*
.social-icon {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
*/