@keyframes scroll {
    to {
    transform: translateY(calc(-50% - 0.5rem));
    }
}

@keyframes aurora {
    from {
        background-position: 50% 50%, 50% 50%;
    }
    to {
        background-position: 350% 50%, 350% 50%;
    }
}

@keyframes slowRotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes beam-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.orb-rotate {
    animation: slowRotate 8s linear infinite;
}

.animate-scroll {
    animation: scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite;
}

.animate-aurora:after {
    animation: aurora 60s linear infinite;
}