Source/Website/Content/Site.css [16:33]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    --space-default: 1rem;
    --space-xxs: calc(var(--space-default) / 8); /* 2px */
    --space-xs: calc(var(--space-default) / 4); /* 4px */
    --space-s: calc(var(--space-default) / 2); /* 8px */
    --space-m: calc(var(--space-default)); /* 16px */
    --space-l: calc(var(--space-default) * 2); /* 32px */
    --space-xl: calc(var(--space-default) * 4); /* 64px */
    --space-xxl: calc(var(--space-default) * 8); /* 128px */
    --checkbox-size: 1.5rem;
    --font-scale: 1.2;
    --font-size-1: calc(var(--font-scale) * var(--font-size-2));
    --font-size-2: calc(var(--font-scale) * var(--font-size-3));
    --font-size-3: calc(var(--font-scale) * var(--font-size-4));
    --font-size-4: 1rem;
}

@font-face {
    font-family: "Brandon Light";
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



Source/Website/Content/styles/main.css [23:42]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    --space-default: 1rem;
    --space-xxs: calc(var(--space-default) / 8); /* 2px */
    --space-xs: calc(var(--space-default) / 4); /* 4px */
    --space-s: calc(var(--space-default) / 2); /* 8px */
    --space-m: calc(var(--space-default)); /* 16px */
    --space-l: calc(var(--space-default) * 2); /* 32px */
    --space-xl: calc(var(--space-default) * 4); /* 64px */
    --space-xxl: calc(var(--space-default) * 8); /* 128px */

    --checkbox-size: 1.5rem;

    --font-scale: 1.2;
    --font-size-1: calc(var(--font-scale) * var(--font-size-2));
    --font-size-2: calc(var(--font-scale) * var(--font-size-3));
    --font-size-3: calc(var(--font-scale) * var(--font-size-4));
    --font-size-4: 1rem;
}

@font-face {
    font-family: "Brandon Light";
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -