tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        purple9c: "#9C7EFB",
        green1d: "#1dc071",
        blue57: "#5773ff",
        grayc4: "#c4c1ea",
      },
      fontFamily: {
        montserrat: ["Montserrat", "sans-serif"],
      },
      screens: {
        max2sm: { max: "320.98px" },
        maxsm: { max: "768.98px" },
      },
      backgroundImage: {
        linearGreen: "linear-gradient(to right bottom, rgb(29, 192, 113), rgb(164, 217, 108))",
        linearOrangee: "linear-gradient(to right top,#fc6c8f,#ffb86c)",
        linearPurple: "linear-gradient(to right top,#6a5af9,#d66efd)",
        linearPurple2: "linear-gradient(270deg,#c042ff,#8a3cff)",
        linearCard: "linear-gradient(90deg,#1c093c,#280f4c)",
      },
    },
  },
  plugins: [require("@tailwindcss/line-clamp"), require("@tailwindcss/typography")],
}