Flickering Light

The probably most annoying CSS.

This page would be flickering right now, but your browser is set to reduce motion, so it stays calm.

body {
    background-color: black;
    animation-name: flicker;
    animation-duration: 20ms;
    animation-iteration-count: infinite;

    .reduced-motion-note {
        display: none;
    }
}

@keyframes flicker {
    from {
        background-color: black;
    }

    to {
        background-color: white;
    }
}

@media (prefers-reduced-motion: reduce) {
    body {
        animation: none !important;
        background-color: white;

        .reduced-motion-note {
            display: block;
        }
    }
}