tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      fontFamily: {
        mullish: ["Mulish", "sans-serif"],
        josefin: ["Josefin Sans", "sans-serif"],
      },
      backgroundColor: ['group-hover'],
      gradientColorStops: ['hover', 'group-hover'],
      colors: {
        deepBlue: "#02042a",
        primary: "#050816",
        navbar: "#2c114f",
        secondary: "#aaa6c3",
        tertiary: "#151030",
        lightBlue: "#2b84ea",
        lightBlue300: "#4b94ed",
        lightBlue500: "#0b72e7",
        greenLight: "#61cea6",
        grayText: "#818597",
        lightGray: "#e2e2e2",
        grayBlue: "#344a6c",
        deepBlueHead: "#162f56",
        gray2: "#525a76",
      },},
  },
  plugins: [],
}