/* detect browser preference light/dark? */
/* detect browser language? */

/* @font-face {
    font-family: "AtkinsonHyperlegibleNext";
    src: url("fonts/AtkinsonHyperlegibleNextVF-Variable.woff2") format("woff2-variations");
    src: url("fonts/AtkinsonHyperlegibleNextVF-Variable.woff2") format("woff2") tech("variations");
    font-weight: 100 1000;
    font-display: swap;
} */

/* Arimo is a google font that is basically Arial */
/* it's free to download so that's why I'm using it here */
@font-face {
    font-family: 'Geologica-900';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Geologica/Geologica-VariableFont_CRSV\,SHRP\,slnt\,wght.ttf) format('woff2');
}

@font-face {
    font-family: 'Geologica-800';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/Geologica/Geologica-VariableFont_CRSV\,SHRP\,slnt\,wght.ttf) format('woff2');
}

@font-face {
    font-family: 'Geologica-700';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Geologica/Geologica-VariableFont_CRSV\,SHRP\,slnt\,wght.ttf) format('woff2');
}

@font-face {
    font-family: 'Geologica-600';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Geologica/Geologica-VariableFont_CRSV\,SHRP\,slnt\,wght.ttf) format('woff2');
}

@font-face {
    font-family: 'Geologica-500';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Geologica/Geologica-VariableFont_CRSV\,SHRP\,slnt\,wght.ttf) format('woff2');
}

@font-face {
    font-family: 'Geologica-400';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Geologica/Geologica-VariableFont_CRSV\,SHRP\,slnt\,wght.ttf) format('woff2');
}

@font-face {
    font-family: 'Geologica-300';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Geologica/Geologica-VariableFont_CRSV\,SHRP\,slnt\,wght.ttf) format('woff2');
}

@font-face {
    font-family: 'Geologica-200';
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/Geologica/Geologica-VariableFont_CRSV\,SHRP\,slnt\,wght.ttf) format('woff2');
}

@font-face {
    font-family: 'Geologica-100';
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/Geologica/Geologica-VariableFont_CRSV\,SHRP\,slnt\,wght.ttf) format('woff2');
}

/* detect browser preference light/dark? */
/* detect browser language? */

/* @font-face {
    font-family: "AtkinsonHyperlegibleNext";
    src: url("fonts/AtkinsonHyperlegibleNextVF-Variable.woff2") format("woff2-variations");
    src: url("fonts/AtkinsonHyperlegibleNextVF-Variable.woff2") format("woff2") tech("variations");
    font-weight: 100 1000;
    font-display: swap;
} */

/* Arimo is a google font that is basically Arial */
/* it's free to download so that's why I'm using it here */

@font-face {
    font-family: 'Arimo-Regular';
    font-style: normal;
    src: url(../fonts/Arimo/static/Arimo-Regular.ttf);
}

@font-face {
    font-family: 'Arimo-Italic';
    font-style: italic;
    src: url(../fonts/Arimo/static/Arimo-Italic.ttf);
}

@font-face {
    font-family: 'Arimo-Bold';
    font-style: normal;
    src: url(../fonts/Arimo/static/Arimo-Bold.ttf);
}

@font-face {
    font-family: 'Arimo-BoldItalic';
    font-style: italic;
    src: url(../fonts/Arimo/static/Arimo-BoldItalic.ttf);
}

@font-face {
    font-family: 'Arimo-Medium';
    font-style: normal;
    src: url(../fonts/Arimo/static/Arimo-Medium.ttf);
}

@font-face {
    font-family: 'Arimo-MediumItalic';
    font-style: italic;
    src: url(../fonts/Arimo/static/Arimo-MediumItalic.ttf);
}

@font-face {
    font-family: 'Arimo-SemiBold';
    font-style: normal;
    src: url(../fonts/Arimo/static/Arimo-SemiBold.ttf);
}

@font-face {
    font-family: 'Arimo-SemiBoldItalic';
    font-style: italic;
    src: url(../fonts/Arimo/static/Arimo-SemiBoldItalic.ttf);
}


:root {
    --lg-green: rgba(0, 222, 0, 1);
    --lg-yellow: rgba(255, 226, 46, 1);
    --lg-red: rgba(255, 49, 25, 1);
    --lg-blue: rgba(0, 198, 255, 1);
    --lg-black: rgba(0, 0, 0, 1);
    --lg-white: rgba(255, 255, 255, 1);
}