/* FONT LINKS */
    @font-face {
        font-family: PTSansN;
        src: url("../fonts/PTN57F.ttf");
    }
    @font-face {
        font-family: PTSansNBold;
        src: url("../fonts/PTN77F.ttf");
    }
    
/* TEXT STYLES */
    html {
        font-family: PTSansN, PapyrusCondensed;
        font-size: 16px;
        -webkit-font-smoothing: subpixel-antialiased;
        color: var(--colorFont);
    }
    a {
        color: var(--colorFont);
        cursor: pointer;
    }
    h1 {                                                /* LARGE HEADINGS FEATURES & PAGE TITLES */
        font-size: 1.7rem;
        line-height: 5rem;
    }
    h2 {                                                /* MENUS */
        font-size: 1.45rem;
        line-height: var(--lineHeight);
    }
    h3, details, summary, select, input, label {        /* SUB HEADINGS */
        font-family: inherit;
        font-size: 1.2rem;
        font-weight: bold;
        line-height: var(--lineHeight);
    }
    h4, .notes {                                        /* FOOTER TEXT */
        font-size: 0.9rem;
    }
    p {
        font-size: 1.2rem;
        margin: 1rem 0;
    }
    u {
        text-decoration: underline;
    }
    li {
        width: 100%;
        cursor: pointer;
    }
    li:hover > * {
        color: var(--colorFade);
    }
    button {
        font-family: PTSansN;
        font-size: 1.1rem;
        font-weight: bold;
    }
    details {
        position: relative;
        width: 100%;
        cursor: pointer;
    }
    details::before {
        position: absolute;
        top: -0.25rem;
        right: 1rem;
        font-size: 0.6rem;
        color: var(--colorFont);
        line-height: 3rem;
        content: "▼";
        z-index: 0;
    }
    details[open]::before {
        content: "▲";
    }
    details p {
        font-weight: normal;
    }
    summary {
        width: 100%;
        line-height: 3rem;
    }