@font-face {
    font-family: "SourGummy";
    src: url(/public/fonts/SourGummy-VariableFont_wdth,wght.ttf) format(truetype);
}

@font-face {
    font-family: 'Quicksand';
    src: url(/public/fonts/Quicksand-VariableFont_wght.ttf) format(truetype);
}

@font-face {
    font-family: 'Nunito';
    src: url(/public/fonts/Nunito-VariableFont_wght.ttf) format(truetype);
}

@font-face {
    font-family: 'BungeeHairline';
    src: url(/public/fonts/BungeeHairline-Regular.ttf) format(truetype);
}

@font-face {
    font-family: 'Doto';
    src: url(/public/fonts/Doto-VariableFont_ROND,wght.ttf) format(truetype);
}

@font-face {
    font-family: 'MajorMonoDisplay';
    src: url(/public/fonts/MajorMonoDisplay-Regular.ttf) format(truetype);
}

@font-face {
    font-family: 'GoogleSansCode';
    src: url(/public/fonts/GoogleSansCode-VariableFont_MONO,wght.ttf) format(truetype);
}

:root {
    --base00: #1a1418;
    --base01: #221c20;
    --base02: #2e2429;
    --base03: #4a3d44;
    --base04: #7a6b73;
    --base05: #c4adb8;
    --base06: #e8d8e2;
    --base07: #f5eef2;
    --base08: #e05b6b;
    --base09: #e8943a;
    --base0A: #e9c84a;
    --base0B: #6acf8a;
    --base0C: #26bbd9;
    --base0D: #6363ee;
    --base0E: #ee63c8;
    --base0F: #aa4688;
}

:root {
    --bg: var(--base00);
    --bg-1: var(--base01);
    --bg-2: var(--base02);

    --txt-0: var(--base04);
    --txt: var(--base05);
    --txt-2: var(--base06);
}

:root {
    --vd-bg: #502D55;
    --vg-bg-1: #935073;
    --vg-high: #F6DBC0;
    --vg-fg: #F8F4E9;
}

body {
    padding: 0px;
    margin: 0px;

    color: var(--base05);
    font-family: "Quicksand";
    background-color: var(--base00);
}