tailwind.config.js

/** @type {import('tailwindcss').Config} */

module.exports = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/data/**/*.{js,ts,jsx,tsx,mdx,json}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
        "contact-us-background": 'url("/public/contact-background.png")',
      },
      borderRadius: {
        "hero-section-image": "200px",
      },
      backgroundColor: {
        "hero-section-button": "#1D1163",
        "hero-section-shape": "#DAE9FF",
      },
      colors: {
        gray: { 50: "#f4f9ff", 500: "#959595", 600: "#757575" },
        orange: { 50: "#fff4da" },
        blue_gray: { 50: "#f1f1f1" },
        indigo_blue: "#1d1163",
      },
      fontFamily: {
        arial: "Arial",
        // avertademopecutteddemo: "Averta Demo PE Cutted Demo",
        poppins: ["Poppins", "sans-serif"],
      },
      height: {
        "57vh": "57vh",
        "80vh": "80vh",
        "hero-section-text-height": "441.41px",
        "hero-section-image-height": "378px",
      },
      margin: {
        "20px": "70px",
        "hero-image-margin-top": "30px",
        "hero-section-margin-left": "89.87px",
        "hero-section-margin-top": "70px",
      },
      width: {
        "62%": "62%",
        "530px": "530px",
        "1000px": "1000px",
        "600px": "600px",
      },
    },
  },
  variants: {
    fill: ["hover", "focus"], // this line does the trick
  },
  plugins: [],
};