tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    screens: {
      xs: "420px",

      sm: "600px",

      md: "768px",

      lg: "1024px",

      xl: "1280px",

      "2xl": "1536px",

      shorter: { raw: "(max-height: 690px)" },
      short: { raw: "(max-height: 850px)" },
    },
    extend: {
      backgroundImage: {
        blob: `url('/blob.png')`,
      },
      colors: {
        bgmain_blue: "#0e1017",
        bground_dark: "#161d24",
        bground: "#282828",
        bglight: "#3d3a3d",
        cbase: "#2a1b3d",
        lightbase: "#44318d",
        highlight: "#d83f87",
        neutral: "#8ea1a5",
        hoverbg: "#ffffff",
        gold: "#F4AB0A",
      },
    },
  },
  plugins: [require("tailwind-scrollbar"), require("tailwind-animatecss")],
};