@media (prefers-color-scheme: dark) {
        body {
            --fore-color: #c0c0c0;
            --fore-accent-color: #ffffff;
            --fore-faint-color: #303030;
            --link-hover-color: #3f9a3d;
            --bg-color: #070a07;
            --cs-decl: #569CD6;
            --cs-param: #9CDCFE;
            --cs-method: #DCDCAA;
            --cs-enum: #B8D7A3;
            --cs-class: #4EC9B0;
            --cs-struct: #86C691;
            --cs-string: #D69D85;
            --cs-keyword: #D8A0DF;
            --cs-comment: #57A64A;
        }
    }

    @media all and not (prefers-color-scheme: dark) {
        body {
            --fore-color: #c0c0c0;
            --fore-accent-color: #ffffff;
            --fore-faint-color: #303030;
            --link-hover-color: #3f9a3d;
            --bg-color: #070a07;
            --cs-decl: #569CD6;
            --cs-param: #9CDCFE;
            --cs-method: #DCDCAA;
            --cs-enum: #B8D7A3;
            --cs-class: #4EC9B0;
            --cs-struct: #86C691;
            --cs-string: #D69D85;
            --cs-keyword: #D8A0DF;
            --cs-comment: #57A64A;
        }
    }

    body {
        color-scheme: dark light;
        color: var(--fore-color);
        background-color: var(--bg-color);
        font-family: Tahoma, Calibri, Arial, sans-serif;
        font-size: 12pt;
        line-height: 1.8;
        margin: 50px 0 0 0;
    }

    .container-middle {
        display: flex;
        flex-direction: row;
    }