tailwind.config.ts

import type { Config } from 'tailwindcss';

const config: Config = {
    content: [
        './pages/**/*.{js,ts,jsx,tsx,mdx}',
        './components/**/*.{js,ts,jsx,tsx,mdx}',
        './app/**/*.{js,ts,jsx,tsx,mdx}',
    ],
    theme: {
        extend: {
            colors: {
                lightblue: '#1de5ff',
                darkblue: '#21283a',
                midnight: '#141821',
                dracula: '#111',
                night: '#161a23',
            },
            backgroundImage: {
                'burger-bar': "url('/images/menu/burger-bar.png')",
                background1: "url('/images/backgrounds/background1.png')",
                background2: "url('/images/backgrounds/background3.png')",
            },
            animation: {
                heartbeatBlue: 'heartbeatBlue 3s infinite alternate',
                flashing: 'flashing 1s infinite alternate',
            },
            keyframes: {
                heartbeatBlue: {
                    '0%': {
                        transform: 'scale(0.5) translateY(-30%) translateX(-80%)',
                        'box-shadow': '0 0 10px #1de5ff, 0 0 40px #1de5ff',
                    },
                    '100%': {
                        transform: 'scale(1.0) translateY(-70%) translateX(-50%)',
                        'box-shadow': '0 0 20px #1de5ff, 0 0 50px #1de5ff, 0 0 150px #1de5ff',
                    },
                },
                flashing: {
                    '0%': {
                        'box-shadow': '0 0 10px #1de5ff, 0 0 40px #1de5ff',
                    },
                    '100%': {
                        'box-shadow': '0 0 20px #1de5ff, 0 0 50px #1de5ff, 0 0 150px #1de5ff',
                    },
                },
            },
            boxShadow: {
                lightblue: '0 0 10px #1de5ff, 0 0 40px #1de5ff',
            },
        },
    },
    plugins: [],
};
export default config;