body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

#checkerboard {
    position: absolute;
    width: 200%;
    height: 200%;
    background-image:
        linear-gradient(45deg, #000 25%, transparent 25%),
        linear-gradient(-45deg, #000 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #000 75%),
        linear-gradient(-45deg, transparent 75%, #000 75%);
    background-size: 100px 100px;
    background-position: 0 0;
    animation: scroll 10s linear infinite;
}

@keyframes scroll {
    100% {
        transform: translate(-50%, -50%);
    }
}