@font-face {
    font-family: 'CambriaCustom';
    src: local('Cambria'),
        url('../assets/Cambria.woff2') format('woff2'),
        url('../assets/Cambria.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-base: 'CambriaCustom', 'Cambria', Georgia, Times, 'Times New Roman', serif;
    --font-script: 'Coming Soon', 'Comic Sans MS', cursive, sans-serif;
    --font-header: 'Overlock Black', Verdana, 'Trebuchet MS', sans-serif;
    --blue: #3399CC;
    --skyblue: #33D6FF;
    --midnightblue: #191970;
    --waterblue: #A3DDEE;
    --stucco: #C59276;
    --sunset1: #DE8237;
    --sunset2: #D08F4B;
    --sunset3: #BC9A70;
    --sunset4: #928383;
    --sunset5: #3E3F58;
    --sunrise2: #DACA94;
    --sunrise3: #85ADAE;
    --sunrise4: #1F93C1;
    --oldgold: #9a9a22;
    --blackblue: #0b0b31;
    --bluebonnet: #3C2E8F;
    --redclay: #8f3c2e;
    --epgreen: #318B71;
    --darkteal2: #335B74
}

html {
    background: var(--blackblue);
    color: wheat;
    max-width: 100vw;
    padding: 0.325em;
}