/* Make sure to add the following to the HTML header section
<link rel="stylesheet" href="/assets/css/fonts.css" />
<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script>
<script>
    tailwind.config = {
        theme: {
            extend: {

                fontFamily: {
                    sans: ['Recursive', 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', '"Noto Sans"', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"'],
                }
            }
        },
    }
</script> */

@font-face {
    font-family: 'Recursive';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/recursive_sans_linear_light_regular.woff2') format('woff2');  
}

/* @font-face {
    font-family: 'Garibato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/garibato_regular.woff2') format('woff2');  
} */