/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js,jsx,ts,tsx}"],
  theme: {
    extend: {
      keyframes: {
        wave: {
          '0%': { left: '100%' },
          '4%': { left: '0' },
          '33.33%': { left: '0' },
          '37.33%': { left: '-100%' },
          '66.66%': { left: '-100%' },
          '70.66%': { left: '-200%' },
          '99.99%': { left: '-200%' },
          '100%': { left: '0%' },
        }
      },
      animation: {
        wave : 'wave 12s ease-in-out'
      }
    },
  },
  plugins: [],
};