.c4 {
    opacity: 0;
    position: absolute;
    --rotation: 60deg;
    --x-amplitude: 20vw;
    --y-amplitude: 10vh;
    --x: calc(cos(var(--angle)) * var(--x-amplitude));
    --y: calc(sin(var(--angle)) * var(--y-amplitude));
    transform:
      rotate(var(--rotation))
      translate(var(--x), var(--y))
      rotate(calc(var(--rotation) * -1));
    z-index: calc(var(--z)); /* calc() is for Safari */
    animation: revolve_der 1.7s linear infinite,
                fade 1s linear;
    animation-delay: calc(var(--fade_time_404) + 1.6s);
    animation-fill-mode: forwards;



    background-color: var(--color_0);
    width: 2vw;
    height: 2vw;

    border-radius: 50%;



    box-shadow: var(--color_1) 0px 0px 10px, 
                var(--color_1) 0px 0px 20px,
                var(--color_1) 0px 0px 30px,
                var(--color_2) 0px 0px 60px,
                var(--color_3) 0px 0px 80px,
                var(--color_4) 0px 0px 100px,
                var(--color_4) 0px 0px 100px,
                var(--color_4) 0px 0px 100px,
                var(--color_4) 0px 0px 100px;
}