module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  darkMode: 'class',
  theme: {
    extend: {
			keyframes: {
				blink: {
					'0%': { opacity: '0' },
					'100%': { opacity: '100'},
				},
				slide: {
					'0%': { transform: 'translateX(-40px)' },
					'100%': { transform: 'translateX(0px)' },
				},
				fadeout: {
					'0%': { opacity: '1' },
					'100%': { opacity: '0' },
				},
				popin: {
					'0%': { opacity: '1' },
					'100%': { opacity: '0' },
				},
			},
			animation: {
				blink: 'blink .6s infinite',
				slide: 'slide .3s',
				fadeout: 'fadeout .8s',
			},
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};