TailwindCSS config with some common animations

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  theme: {
    extend: {
      fontFamily: {
          thicccboi: [ "thicccboi", "sans-serif" ],
      },
      keyframes: {
        fadeIn: {
          '0%' : { opacity: 0 },
          '100%': { opacity: 1 }
        },
        fadeInUp: {
          '0%' : { 
            opacity: 0,
            transform: 'translate3d(0, 100%, 0)',
            transformStyle: 'preserve-3d',
          },
          '100%': { 
            opacity: 1,
            transform: 'translate3d(0, 0, 0)',
            transformStyle: 'preserve-3d',
          }
        }
      },
      animation: {
        fadeIn: 'fadeIn 1s ease-in-out',
        fadeInUp: 'fadeInUp 0.5s ease'
      },
    },
  },
  plugins: [],
}