/* Fonts */
    h1, h2, h3, h4 {
        color: hsl(calc(var(--c-primary) - var(--c-offset)), calc(var(--c-sat) + 50%), calc(var(--c-light) - 25%));
        font-family: 'Raleway', 'Arial Narrow', Arial, sans-serif;
    }

    h1 {
        border-bottom: inset 2px hsl(calc(var(--c-primary) - var(--c-offset)), calc(var(--c-sat) - 25%), calc(var(--c-light) - 25%));
        text-align: center;
        font-weight: 500;
    }

    h2, h3, h4 {
        text-decoration: underline 1px hsl(calc(var(--c-primary) - var(--c-offset)), calc(var(--c-sat) + 25%), calc(var(--c-light) - 25%));
        text-align: left;
        border: none;
        font-weight: 400;
    }

    h1 {font-size: calc(var(--f-size) + 12pt);}
    h2 {font-size: calc(var(--f-size) + 8pt); text-decoration-style: double;}
    h3 {font-size: calc(var(--f-size) + 4pt);}
    h4 {font-size: calc(var(--f-size) + 2pt);}

    p, body, li{
        color: hsl(calc(var(--c-primary) - var(--c-offset)), calc(var(--c-sat) + 50%), calc(var(--c-light) -25%));
        text-align: left;
        font-size: var(--f-size);
    }

    p{
        font-family: 'Raleway', 'Arial Narrow', Arial, sans-serif;
        font-weight: 200;
    }

    li{
        color: hsl(calc(var(--c-primary) - var(--c-offset)), calc(var(--c-sat) + 50%), calc(var(--c-light) - 25%));
        margin: 0;
        font-family: 'Raleway', 'Arial Narrow', Arial, sans-serif;
        font-weight: 200;
        font-size: var(--f-size);
    }

    p {
        margin-top: 8px;
    }

    a {color: var(--accent1-color)[]}

    pre, code, kbd {
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: var(--f-size);
        color: hsl(calc(var(--c-primary) - var(--c-offset)), calc(var(--c-sat) + 50%), calc(var(--c-light) - 25%));
        margin: 0;
        padding: 0;
    }

    .green{color: green;}
    .royalblue{color: royalblue;}
    .blue{color: blue;}
    .darkblue{color: darkblue;}
    .purple{color: purple;}
    .ltPink{color: lightpink;}
    .red{color: red;}
    .note{color:gold;}
    .maroon{color:maroon}