tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
        './src/sections/**/*.{js,ts,jsx,tsx,mdx}',
        './src/app/**/*.{js,ts,jsx,tsx,mdx}',
    ],
    theme: {
        fontFamily: {
            sans: ['Inter', 'sans-serif'],
            'clash-semi': ['ClashDisplay-Semibold', 'sans-serif'],
            'clash-bold': ['ClashDisplay-Bold', 'sans-serif'],
            'satoshi-regular': ['Satoshi-Regular', 'sans-serif'],
            'satoshi-italic': ['Satoshi-Italic', 'sans-serif'],
            'satoshi-medium': ['Satoshi-Medium', 'sans-serif'],
            'satoshi-bold': ['Satoshi-Bold', 'sans-serif'],

        },
        extend: {
            backgroundImage: {
                'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
                'gradient-conic':
                    'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
            },
            keyframes: {
                shake: {
                    "0%": {transform: "translate(0,0)"},
                    "3%": {transform: "translate(5px,0)"},
                    "7%": {transform: "translate(0,0)"},
                    "10.6%": {transform: "translate(5px,0)"},
                    "14%": {transform: "translate(0,0)"},
                    "18%": {transform: "translate(5px,0)"},
                    "20%": {transform: "translate(0,0)"},
                    "100%": {transform: "translate(0,0)"}
                },
            },
            animation: {
                shake: 'shake 2.3s ease infinite',
            },
        },
    },
    plugins: [],
}