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}",
 
    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        philosopher: ['var(--font-philosopher)'],
        monkey: ['var(--font-monkey)']
      },
      animation: {
        bounce:
          "bounce 0.5s alternate cubic-bezier(0.95, 0.05, 0.795, 0.035) infinite"
      },
      bounce: {
        from: { transform: "translateY(10px)" },
        to: { transform: "translateY(0)" },
      },
      boxShadow: {
        'wShadow': '0px 8px 0px 0px #600414',
        'dShadow': '0px 8px 0px 0px #52b788'
      }
    },
    colors: {
      'dBlack': '#192320',
      'dGreen': '#DDFDE8',
      'dEmerald': '#52b788',
      'dHoverEmerald': '#31D484',
      'dHoverBlack': '#244135',
      'wYellow': '#FCF270',
      'wBlack': '#600414',
      'wRed': '#9F2145',
      'wHoverRed': '#C54E6B'
    },
  },
  plugins: [
    require('tailwind-scrollbar')({ nocompatible: true }),
  ],
  darkMode: 'class',
}