body {
    background-color: rgb(26, 26, 26);
    animation: body 1s linear;
}

@keyframes body {
    to {
        background-color: rgb(221, 26, 26);
    }
}
:root * {
    /* Pause the animation */
    animation-play-state: paused;
    /* Bind the animation to scroll */
    animation-delay: calc(var(--scroll) * -1s);
    /* These last 2 properites clean up overshoot weirdness */
    animation-iteration-count: 1;
    animation-fill-mode: both;
}