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' },
				},
				upApp: {
					'0%': { transform: 'scale(0)' },
					'90%': { transform: 'scale(1.2)' },
					'100%': { transform: 'sale(1)' },
				},
				openApp: {
					'0%': { transform: 'scale(0.8)' },
					'50%': { transform: 'scale(1.2)' },
					'100%': { transform: 'sale(1)' },
				},
				click: {
					'0%': { transform: 'scale(0.5)' },
					'50%': { transform: 'scale(1.5)' },
					'100%': { transform: 'sale(1)' },
				},
			},
			animation: {
				blink: 'blink .6s infinite',
				slide: 'slide .3s',
				fadeout: 'fadeout .8s',
				upApp: 'upApp .5s cubic-bezier(0, 0, 0.2, 1)',
				openApp: 'openApp .3s cubic-bezier(0, 0, 0.2, 1)',
				click: 'click .3s cubic-bezier(0, 0, 0.2, 1)',

			},
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};