:root {
    --var-body-bg: #141414;
    --var-body-fc: #f0f2f3;
    --var-menu-fc: red;
    --var-menu-fc2: #bd284c;
    --var-menu-bg: rgba(255, 255, 255, 0.2);
    --var-button: #f0eeee;
    --var-body-fc-invert: #0b1016;
}

@media (prefers-color-scheme: light) {
    :root {
        --var-body-bg: #f2f6fc;
        --var-body-fc: #0b1016;
        --var-menu-fc: #141414;
        --var-menu-fc2: #141414;
        --var-menu-bg: rgba(20, 20, 20, 0.2);
        --var-button: #141414;
        --var-body-fc-invert: #f0f2f3;
    }
}

.background{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    opacity: 0.5;
    z-index: 1;
}

.page{
    position: relative;
    color: white;
    z-index: 2;
}