tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/sections/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    fontFamily: {
      sans: ["Inter", "sans-serif"],
      "clash-semi": ["ClashDisplay-Semibold", "sans-serif"],
      "clash-bold": ["ClashDisplay-Bold", "sans-serif"],
      "satoshi-regular": ["Satoshi-Regular", "sans-serif"],
      "satoshi-italic": ["Satoshi-Italic", "sans-serif"],
      "satoshi-medium": ["Satoshi-Medium", "sans-serif"],
      "satoshi-bold": ["Satoshi-Bold", "sans-serif"],
      "press-start": ["PressStart2P-Regular", "sans-serif"],
    },
    extend: {
      colors: {
        customBlue: "#204289",
        customYellow: "#EAAF20",
      },
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
      },
      keyframes: {
        shake: {
          "0%": { transform: "translate(0,0)" },
          "3%": { transform: "translate(5px,0)" },
          "7%": { transform: "translate(0,0)" },
          "10.6%": { transform: "translate(5px,0)" },
          "14%": { transform: "translate(0,0)" },
          "18%": { transform: "translate(5px,0)" },
          "20%": { transform: "translate(0,0)" },
          "100%": { transform: "translate(0,0)" },
        },
      },
      animation: {
        shake: "shake 2.3s ease infinite",
      },
    },
  },
  plugins: [],
};