tailwind.config.js

module.exports = {
    purge: ['./pages/**/*.{js,ts,jsx,tsx}', './sections/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
    darkMode: false, // or 'media' or 'class'
    theme: {
        container: {
            center: true,
            DEFAULT: '4rem',
            sm: '1rem',
            md: '5rem',
            lg: '9rem',
            xl: '10rem',
        },
        fontSize: {
            xxs: '.01rem',
            xs: '.75rem',
            sm: '.875rem',
            base: '1rem',
            lg: '1.125rem',
            xl: '1.25rem',
            '2xl': '1.5rem',
            '3xl': '1.875rem',
            '4xl': '2.25rem',
            '5xl': '3rem',
            '6xl': '4rem',
            '7xl': '5rem',
        },
        extend: {
            animation: {
                fly: 'fly 5s ease-in-out infinite',
            },
            keyframes: {
                fly: {
                    '0%': { transform: 'translateY(10%)' },
                    '50%': { transform: 'translateY(0%)' },
                    '100%': { transform: 'translateY(10%)' },
                },
            },
            maxWidth: {
                '8xl': '92rem',
            },
        },
    },
    variants: {
        extend: {},
    },
    plugins: [],
};