@mixin site-backgrounds(){
    background: var(--site-background);
    background-repeat: no-repeat;
    background-attachment: fixed;

    &>header {
        background: var(--nav-background);
    }

    &>footer {
        background: var(--nav-background);
    }
}