/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",

    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {},
    screens: {
      'xsm': '480px',

      'sm': '640px',

      'md': '768px',

      'lg': '992px',

      'xl': '1200px',

      'xxl': "1450px",

      'xxxl': "1620px",
    },
    container: {
      center: true,
      padding: {
        DEFAULT: '15px'
      },
    },
  },
  plugins: [],
}