tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,ts,jsx,tsx}"],
  darkMode: "class",
  theme: {
    extend: {
      backgroundColor: {
        "fintech-blue": "#131D49",
        "fintech-yellow": "#D6AD60",
      },
      fontFamily: {
        chakraPetch: ["Chakra Petch"],
        inter: ["Inter"],
        MSGothic: ["MS Gothic"],
      },
      backgroundImage: {
        "landing-page": "url('/landingpage.svg')",

        "profile-page": "url('/profilepage.svg')",
        "signup-page": "url('/signuppage.svg')",
        "login-page": "url('/loginpage.svg')",
        "proposal-page": "url('/proposalpage.svg')",
        "new-proposal-page": "url('/newproposalpage.svg')",
        "vote-page": "url('/votepage.svg')",
        "view-proposal-page": "url('/viewproposalpage.svg')",
        "about-page": "url('/ProjectAboutPage.svg')",

      },
      spacing: {
        "5vh": "5vh",
        "10vh": "10vh",
        "15vh": "15vh",
        "20vh": "20vh",
        "30vh": "30vh",
      },
      maxWidth: {
        "20vw": "20vw",
      },
    },
  },
  plugins: [],
};