@keyframes marquee {
    0%{ transform: translateX(0) translateY(0) }
    100%{ transform: translateX(-10%) translateY(0) }
}
#marquee_bg {
    position: fixed;
    transform: translateX(-50%) translateY(-50%) rotate(10deg);
    left: 50%;
    top: 50%;
}
.marquee_bg_line {
    position: relative;
    top: 0;
    left: 0;
    width: fit-content;
    font-size: 32px;
    line-height: 1em;
    white-space: nowrap;
    user-select: none;
    font-family: "Cherry Bomb One", serif;
    color: var(--marquee);
    opacity: 0.3;
    z-index: 1;

    animation: 12s marquee linear infinite;
}