body {
    /* RESET */
    --reset-margin: 0px;
    --reset-padding: 0px;
    --reset-box-sizing: border-box;

    /* BODY */
    --body-padding: 1.5em;

    /* COLORS */
    --background-color: rgb(31, 36, 36);
    --region-background-color: rgb(40, 50, 50);
    --font-color: rgb(250, 250, 250);
    --text-highlight-color: rgb(255, 220, 140);
    --text-highlight-glow-color: rgba(255, 240, 160, 0.6);

    /* --code-font-color: #00c3ff; */
    --code-font-color: #FF8888;
    --code-background-color: #282f2f;

    --link-color: var(--page-external-link-color);
    --link-glow-color: var(--page-external-link-glow-color);
    --link-color-hover: var(--page-external-link-hover-color);
    --link-glow-color-hover: var(--page-external-link-hover-glow-color);

    --page-external-link-color: rgb(30, 160, 230);
    --page-external-link-hover-color: rgb(110, 200, 255);
    --page-external-link-glow-color: rgba(80, 220, 250, 0.2);
    --page-external-link-hover-glow-color: rgba(190, 225, 255, 0.4);

    --page-internal-link-color: rgb(30, 190, 160);
    --page-internal-link-hover-color: rgb(50, 230, 200);
    --page-internal-link-glow-color: rgba(140, 255, 220, 0.4);
    --page-internal-link-hover-glow-color: rgba(180, 255, 220, 0.4);

    --breadcrumbs-color: var(--page-internal-link-color);
    --breadcrumbs-hover-color: var(--page-internal-link-hover-color);
    --breadcrumbs-glow-color: var(--page-internal-link-glow-color);
    --breadcrumbs-hover-glow-color: var(--page-internal-link-hover-glow-color);

    --heading-link-symbol-color: var(--page-internal-link-color);
    --heading-link-symbol-hover-color: var(--page-internal-link-hover-color);
    --heading-link-symbol-glow-color: var(--page-internal-link-glow-color);
    --heading-link-symbol-hover-glow-color: var(--page-internal-link-hover-glow-color);

    --back-to-top-link-symbol-color: var(--page-internal-link-color);
    --back-to-top-link-symbol-hover-color: var(--page-internal-link-hover-color);
    --back-to-top-link-symbol-glow-color: var(--page-internal-link-glow-color);
    --back-to-top-link-symbol-hover-glow-color: var(--page-internal-link-hover-glow-color);

    --horizontal-rule-gradient-left-color: rgba(250, 250, 250, 0);
    --horizontal-rule-gradient-center-color: rgba(250, 250, 250, 0.75);
    --horizontal-rule-gradient-right-color: rgba(250, 250, 250, 0);

    /* NAV */
    --nav-max-width: 10rem;
    /* MAIN */
    --main-nav-gap: 2rem;
    --main-max-width: calc(100% - var(--nav-max-width) - var(--main-nav-gap));

    /* faces */
    --basic-font-family: sans;
    --basic-font-size: calc(1rem + 0.6vmin);
    --navigation-font-size: calc(1.1rem + 1vmin);
    --breadcrumbs-font-size: calc(0.7rem + 0.5vmin);
    --toggle-expand-button-font-size: calc(2rem + 1vmin);

    /* CODE */
    --code-font-size: calc(0.8rem + 0.5vmin);

    /* HEADINGS */
    --heading-1-font-size: calc(2rem + 1vmin);
    --heading-2-font-size: calc(1.2rem + 1vmin);
    --heading-1-margin-to-sibling: 1rem;
    --heading-1-margin-top: 1rem;
    --heading-2-margin-top: 1rem;

    /* PARAGRAPHS */
    --content-paragraphs-margin-bottom: 1rem;
    --content-section-last-element-margin-bottom: calc(2rem + 2vh);

    /* PROJECT TILES */
    --project-tiles-border-color: rgba(255, 255, 255, 0.1);

    /* TOGGLE EXPAND */
    --toggle-expand-label-padding: 0.5em;
    --toggle-expand-label-border-radius: 0.5rem;

    /* LISTS */
    --list-indent: 1rem;

    /* CODE BLOCKS */
    --rst-rendered-text-heading-margin-top: calc(1rem + 1vmin);
    --rst-rendered-text-heading-margin-bottom: calc(0.33rem + 0.5vmin);

    --rst-rendered-text-paragrapg-margin-between: calc(0.33rem + 0.5vmin);

    --code-block-font-size: calc(0.6rem + 0.5vmin);
    --code-block-background-color: rgb(45, 45, 50);
    --code-block-padding: 0.4rem;
    --code-block-border-radius: 5px;
    --code-block-margin-top: 1rem;
    --code-block-margin-bottom: 1rem;

    --rst-rendered-text-docutils-literal-font-size: calc(var(--basic-font-size) * 0.80);
    --rst-rendered-text-docutils-literal-background-color: rgba(255, 255, 255, 0.1);
    --rst-rendered-text-docutils-literal-border-radius: 3px;
    --rst-rendered-text-docutils-literal-color: deeppink;
    --rst-rendered-text-docutils-padding: 0.05rem 0.2rem 0.05rem 0.2rem;

    --rst-rendered-text-docutils-footnotes-margin-top: calc(1rem + 1vmin);
}

#header .author-name {
    --author-name-font-color: rgba(250, 250, 250, 1.0);
}

#header {
    --header-font-color: rgb(250, 250, 250);
}

#header .menu {
    --menu-font-family: Liberation Mono, monospace;
    --menu-font-color: var(--page-internal-link-color);
    --menu-item-underline-color: rgb(250, 250, 250);
    --menu-item-underline-hover-color: rgb(30, 190, 160);
    /*#70DD44*/
}