/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,css}",
    "./src/**/*.{js,css}",
    "./src/**/*.{html,js}",
    "./src/js/*.{html,js}",
    "./src/**/*.ejs"
    ],
  theme: {
    extend: {
      colors: {
        white: "#ffffff",
        mainRed: "#AA0000ff",
        darkRed: "#710000ff",
      },
      gridTemplateColumns: {
        itemsGridSm: "200pt",
        itemsGridMd: "repeat(2, 4fr)",
        itemsGridLg: "repeat(3, 4fr)",
      },
      fontSize: {
        '3xl': '1.953rem',
        '4xl': '2.441rem',
        '5xl': '3.052rem'
      }
    },
  },
  plugins: [],
};