tailwind.config.js

module.exports = {
  mode: "jit",
  purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        "tec-yellow": "#DEFB48",
        "tec-blue": "#08187e",
        "tec-light-blue": "#03b3ff",
      },
      fontFamily: {
        "bai-jamjuree": ['"Bai Jamjuree"', "sans-serif"],
        inter: ["Inter", "sans-serif"],
      },
      fontSize: {
        "scale-12": ["12vw", "12vw"],
        "9xl": ["7rem", 1],
      },
      backgroundImage: (theme) => ({
        "tec-image-1": "url('/images/TEC-header.svg')",
        "tec-image-2": "url('/images/Mission.svg')",
        "tec-image-3": "url('/images/Group.svg')",
        "tec-image-4": "url('/images/Text1.svg')",
        "tec-image-5": "url('/images/Defi-Tefi.svg')",
        "tec-image-6": "url('/images/Heading_defi2.svg')",
        "tec-image-7": "url('/images/Community.jpg')",
        "tec-image-8": "url('/images/Ecosystem.svg')",
      }),
    },
  },
  variants: {
    extend: {},
  },
  plugins: [require("@tailwindcss/forms")],
};