tailwind.config.js

module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    boxShadow: {
      powerCard: "0px 4px 14px rgba(0, 0, 0, 0.1)",
      brand: "0px 7px 22px rgba(0, 0, 0, 0.05)",
    },
    fontFamily: {
      poppins: "Poppins, sans-serif",
      sora: "Sora, sans-serif",
      inter: "Inter, sans-serif",
    },
    extend: {
      screens: {
        "3xl": "1920px",
        "2xl": "1512px",
      },
      backgroundImage: {
        "home-gradient": "url(/home-gradient.png)",
        "got-you-covered": "url(/cover-mask.png)",
        "home-gradient-small": "url(/home-gradient-small.png)",
        "industry-gradient": "url(/industry-gradient.png)",
        "industry-gradient-mobile": "url(/industry-gradient-mobile.png)",
      },
      colors: {
        "010311": "#010311",
        "333333": "#333333",
        "01052D": "#01052D",
        "4E7DD9": "#4E7DD9",
        "9A9A9A": "#9A9A9A",
        "b0c4db": "#b0c4db",
        "3C69FE": "#3C69FE",
        "E86BFB": "#E86BFB",
        "4289F2": "#4289F2",
        "FA5C2F": "#FA5C2F",
        "A44ED9": "#A44ED9",
        "676767": "#676767",
        "F9FAFB": "#F9FAFB",
        "FF9029": "#FF9029",
        "FF006B": "#FF006B",
        "F1F3F6": "#F1F3F6",
        "0E1028": "#0E1028",
        "DEEAF6": "#DEEAF6",
        "CDDFFB": "#CDDFFB",
        "E0E0E0": "#E0E0E0",
        "D7C1FB": "#D7C1FB",
        "2B2E36": "#2B2E36",
        "C0AEAE": "#C0AEAE",
        "5358D8": "#5358D8",
      },
      padding: {
        0.5: "2px",
        11.5: "2.87rem",
        15: "3.75rem",
        17: "4.25rem",
        18: "4.5rem",
        22: "5.75rem",
        26: "6.5rem",
        38: "9.5rem",
        34: "8.5rem",
        46: "11.5rem",
        53: "13.25rem",
        58: "14.5rem",
        74: "18.5rem",
        76: "19rem",
        92: "23rem",
        102: "26rem",
        120: "30rem",
      },
      margin: {
        11.5: "2.87rem",
        15: "3.75rem",
        17: "4.25rem",
        18: "4.5rem",
        22: "5.5rem",
        26: "6.5rem",
        34: "8.5rem",
        38: "9.5rem",
        46: "11.5rem",
        53: "13.25rem",
        58: "14.5rem",
        74: "18.5rem",
        76: "19rem",
        92: "23rem",
        120: "30rem",
      },
      fontSize: {
        "h1": ["76px", "104px"],
        "h2": ["61px", "72px"],
        "h3": ["49px", "64px"],
        "cta": [
          "25px",
          {
            lineHeight: "48px",
          },
        ],
        "3xxl": ["2rem", "2.5rem"],
        "4xxl": ["2.5rem", "4rem"],
      },
      lineHeight: {
        9.5: "2.375rem",
        12: "3rem",
        14: "3.5rem",
        16: "4rem",
        20: "5rem",
      },
      width: {
        42: "10.5rem",
        47: "11.75rem",
        63: "15.75rem",
        88: "22rem",
      },
      height: {
        88: "22rem",
      },
      borderRadius: {
        circle: "50%",
      },
      inset: {
        34: "8.5rem",
        92: "23rem",
        120: "30rem",
        142: "35.5rem",
      },
      boxShadow: {
        "codeMobile": "0px 13px 38px rgba(0, 0, 0, 0.25)",
        "codeshadow-md": "18.2276px 22.065px 43.1707px rgba(0, 0, 0, 0.25)",
      },
      placeholderColor: {
        B0C4DB: "#B0C4DB",
      },
    },
  },
  plugins: [],
};