#line {
    padding: 222px 0 110px;
}

.marquee {
    padding: 38px 0;
    background: linear-gradient(0deg, rgba(190, 190, 190, 0.05) 0%, rgba(190, 190, 190, 0.05) 100%);
    box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.15) inset, 0px 1px 6px 0px rgba(0, 0, 0, 0.30) inset;
    overflow: hidden;
}

body.dark .marquee {
    background: rgba(255, 255, 255, 0.02);
    box-shadow: 0px -2px 4px 0px rgba(255, 255, 255, 0.25) inset, 2px 2px 4px 0px rgba(0, 0, 0, 0.25) inset;
}

.ticker {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 64px;
}

.ticker * {
    white-space: nowrap;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.16);
}

.black_romb {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    min-width: 16px;
    height: 16px;
    background: var(--primary-black);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.28);
}

body.dark .black_romb {
    background: #E7E7E7;
}

@media (max-width: 600px) {
    .marquee {
        padding: 26px 0;
    }

    #line {
        padding: 148px 0 26px;
    }
}