/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      screens: {
        "mobile": '360px',
        "tablet": '640px',
        "tablet-figma": '768px',
        "desktop": '1024px',
        "desktop-figma": '1600px',
      },
      colors: {
        "text-gradient": '-webkit-linear-gradient(#798FFF, #D375FF)'
      },      animation: {
        'infinite-scroll': 'infinite-scroll 25s linear infinite',
      },
      keyframes: {
        'infinite-scroll': {
          from: { transform: 'translateX(0)' },
          to: { transform: 'translateX(-100%)' },
        }
      }   
    },
  },
  plugins: [],
}