tailwind.config.js

// tailwind.config.js
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        vibrat: "rgba(0, 127, 255, 0.7)",
        violet: "rgba(138, 43, 226, 0.7)",
        bg_button: "#FFD700",
        text_button: "#8A2BE2",
        hover_blue: "rgba(0, 127, 255, 0.9)",
        hover_text_white: "#F2F2F2",
        text_color_par: "#5D6D7E",
        bg_pages:"white"
      },
      fontFamily: {
        poppins: ["Poppins", "sans-serif"],
        pacific:["Marck Script"]
      },
      fontWeight: {
        bold: "bold",
        extrabold: 800,
        light: 300,
        regular: 400,
      },
      keyframes: {
        shake: {
          '0%, 100%': { transform: 'translate(0, 0)' },  // Sin movimiento al inicio y al final
          '25%': { transform: 'translate(-10px, -10px)' },  // Movimiento a la izquierda y hacia arriba
          '50%': { transform: 'translate(10px, 10px)' },   // Movimiento a la derecha y hacia abajo
          '75%': { transform: 'translate(-10px, 10px)' }, // Movimiento a la izquierda y hacia abajo
        },
      },
      animation: {
        shake: 'shake 1.5s ease-in-out',
      },
    },
  },
  plugins: [],
};