:root {
        --body-color: #f9f9f9;
        --font-color: #282828;
    }
    @media (prefers-color-scheme: dark) {
        :root {
        --body-color: #282828;
        --font-color: #f9f9f9;
    }
    }

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

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

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

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

    a:hover {
        opacity: 50%;
    }