body {
    --offset-x: 0;
    --offset-y: 0;
    --angle: 10deg;
    --strip-width: 50px;
    background-image:
        repeating-linear-gradient(calc(var(--angle)),
            #575C7C calc((var(--offset-y) + 0) * var(--strip-width)),
            #575C7C calc((var(--offset-y) + 1) * var(--strip-width)),
            #C7DAED calc((var(--offset-y) + 1) * var(--strip-width)),
            #C7DAED calc((var(--offset-y) + 2) * var(--strip-width)),
            #4CB5E4 calc((var(--offset-y) + 2) * var(--strip-width)),
            #4CB5E4 calc((var(--offset-y) + 3) * var(--strip-width)),
            #C7DAED calc((var(--offset-y) + 3) * var(--strip-width)),
            #C7DAED calc((var(--offset-y) + 4) * var(--strip-width)),
            #979BA5 calc((var(--offset-y) + 4) * var(--strip-width)),
            #979BA5 calc((var(--offset-y) + 5) * var(--strip-width)),
            #C7DAED calc((var(--offset-y) + 5) * var(--strip-width)),
            #C7DAED calc((var(--offset-y) + 6) * var(--strip-width))
        ),
        repeating-linear-gradient(calc(var(--angle) + 90deg),
        #929AAF calc((var(--offset-x) + 0) * var(--strip-width)),
        #929AAF calc((var(--offset-x) + 1) * var(--strip-width)),
        #C7DAED calc((var(--offset-x) + 1) * var(--strip-width)),
        #C7DAED calc((var(--offset-x) + 2) * var(--strip-width)),
        #8DC4E4 calc((var(--offset-x) + 2) * var(--strip-width)),
        #8DC4E4 calc((var(--offset-x) + 3) * var(--strip-width)),
        #C7DAED calc((var(--offset-x) + 3) * var(--strip-width)),
        #C7DAED calc((var(--offset-x) + 4) * var(--strip-width)),
        #B8C4D5 calc((var(--offset-x) + 4) * var(--strip-width)),
        #B8C4D5 calc((var(--offset-x) + 5) * var(--strip-width)),
        #C7DAED calc((var(--offset-x) + 5) * var(--strip-width)),
        #C7DAED calc((var(--offset-x) + 6) * var(--strip-width))
        );
    background-blend-mode: multiply;
    background-attachment: fixed;
}