/** @type {import('tailwindcss').Config} */
export default {
    content: [
        "./index.html",
        "./src/**/*.{js,ts,jsx,tsx}",
        "./components/**/*.{js,ts,jsx,tsx}",
        "./**/*.{js,ts,jsx,tsx}"
    ],
    theme: {
        extend: {
            animation: {
                blob: "blob 7s infinite",
                warp: "warp 1s linear infinite",
                pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
            },
            keyframes: {
                blob: {
                    "0%": {
                        transform: "translate(0px, 0px) scale(1)",
                    },
                    "33%": {
                        transform: "translate(30px, -50px) scale(1.1)",
                    },
                    "66%": {
                        transform: "translate(-20px, 20px) scale(0.9)",
                    },
                    "100%": {
                        transform: "translate(0px, 0px) scale(1)",
                    },
                },
                warp: {
                    "0%": {
                        transform: "translateZ(-1000px)",
                        opacity: "0",
                    },
                    "10%": {
                        opacity: "1",
                    },
                    "100%": {
                        transform: "translateZ(1000px)",
                        opacity: "0",
                    },
                },
            },
        },
    },
    plugins: [],
}