:root {
        --body-color: #f9f9f9;
        --font-color: #282828;
        --link-color: #0000EE;
        --visited-color: #3a43a9;
    }
    @media (prefers-color-scheme: dark) {
        :root {
        --body-color: #282828;
        --font-color: #f9f9f9;
        --link-color: #d60010;
        --visited-color: #a93a3a;
    }
    }

    html {
        height: 100%;
    }
    html, body {
        margin-left: 12px;
        margin-right: 12px;
        background-color: var(--body-color, #f9f9f9) ;
        padding-bottom: 20px;
        margin-top: 10px;
    }

    h1 {
        font-family: Helvetica, sans-serif;
        margin-bottom: 0px;
        color: var(--font-color, #2d2b2b);
        max-width: 600px;
    }
    p {
        margin-top: 7px;
        margin-bottom: 0px;
        max-width: 600px;
        color: var(--font-color, #2d2b2b);
    }

    a {
        color: var(--font-color, #2d2b2b);
    }

    a:visited {
        /*color: var(--font-color, #2d2b2b);*/
        /*opacity: 75%;*/
        font-style: oblique;
    }

    a:hover{
        opacity: 50%;
    }