tailwind.config.js

/** @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}",
    "./public/**/*.html",
    './node_modules/tw-elements/dist/js/**/*.js',
    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
    "./node_modules/flowbite/**/*.js"
  ],
  theme: {
    extend: {


      colors: {
        primary: '#3498db', // Blue
        secondary: '#2ecc71', // Green
        accent: '#e74c3c', // Red
        background: '#ecf0f1', // Light Grey
        text: '#2c3e50', // Dark Grey
      },

      animation: {
        marquee: 'marquee 15s linear infinite',
        marquee2: 'marquee2 25s linear infinite',
      },

      keyframes: {
        marquee: {
          '0%': { transform: 'translateY(0%)' },
          '100%': { transform: 'translateY(-100%)' },
        },
        marquee2: {
          '0%': { transform: 'translateX(100%)' },
          '100%': { transform: 'translateX(0%)' },
        },
      },




    },
  },
  plugins: [
    require('tw-elements/dist/plugin'),
    require('flowbite/plugin')
  ],
}