:root {
    --brand-50: #d0fbea;
    --brand-100: #D0FBEA;
    --brand-200: #a4f6d9;
    --brand-300: #2fd8ad;
    --brand-400: #0aBF97;
    --brand-500: #009b7c;
    --brand-600: #00856e;
    --brand-700: #036252;
    --brand-800: #045044;
    --brand-900: #012d28;

    --in-brand-50: black;
    --in-brand-100: black;
    --in-brand-200: black;
    --in-brand-300: black;
    --in-brand-400: black;
    --in-brand-500: black;
    --in-brand-600: white;
    --in-brand-700: white;
    --in-brand-800: white;
    --in-brand-900: white;
}


html {
    font-family: 'Roboto', sans-serif;
}