module.exports = {
    content: ['./**/*.htm'],
    theme: {
        extend: {
            colors: {
                sky: {
                    900: 'hsl(206.9, 100.0%, 17.1%)',
                },
                red: {
                    900: 'hsl(352.4, 85.5%, 27.1%)',
                },
                cyan: {
                    200: 'hsl(197.0, 100.0%, 82.0%)',
                },
            },
            screens: {
                xs: '414px',
            },
        },
        fontFamily: {
            sans: ['Noto Sans', 'ui-sans-serif'],
            arvo: ['Arvo', 'ui-sans-serif'],
        },
    },
    plugins: [require('@tailwindcss/typography')],
};