import { Carrois_Gothic } from "next/font/google";
import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      maxWidth: {
        '1920': '1920px', // Max width set at 1920
      },
      maxHeight: {
        '1080': '1080px', // Max height set at 1080
      },
      backgroundImage: {
        'hero-image': "url('/cars.png')", // Set the background image for the hero
      },
      colors: {
        background: "var(--background)",
        foreground: "var(--foreground)",
      },
      height: {
        '800px': '800px', // Height for background on hero
      },
    },
  },
  plugins: [],
};
export default config;