tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{html,jsx}'],
  theme: {
    screens: {
      xs: '350px',
      sm: '390px',
      md: '744px',
      lg: '1240px',
      xl: '1440px',
      '2xl': '1920px'
    },
    container: {
      center: true
    },
    extend: {
      boxShadow: {
        wrap: '0px 0px 4px rgba(0, 0, 0, 0.5)',
        'main-green': '0px 0px 4px rgba(33, 250, 144, 0.5)',
        'dark-green': '0px 0px 4px rgba(2, 120, 63, 1)',
        'light-green': '0px 0px 4px rgba(33, 241, 144, 0.5)',
        'main-dark-blue': '0px 0px 4px rgba(33, 250, 144, 0.5)',
        'dark-blue': '0px 0px 4px rgba(0, 52, 79, 0.5)',
        'light-blue': '0px 0px 4px rgba(233, 247, 255, 0.5)',
        'error-red': '0px 0px 4px rgba(250, 33, 33, 0.5)',
        'tertiary-blue': '0px 0px 4px rgba(37, 136, 228, 0.5)',
        'rich-black': '0px 0px 4px rgba(0, 5, 11, 1)',
        'black-russian': '0px 0px 4px rgba(0, 9, 14, 23)',
        'fluorescent-cyan': '0px 0px 4px rgba(68, 255, 236, 23)',
        white: '0px 0px 4px rgba(255, 255, 255, 0.5)'
      },
      opacity: {
        15: '.15'
      }
    },
    colors: {
      'main-green': '#21FA90',
      'dark-green': '#02783F',
      'light-green': '#21F190',
      'main-dark-blue': '#00283D',
      'dark-blue': '#00344F',
      'light-blue': '#E9F7FF',
      white: '#FFFFFF',
      'error-red': '#FA2121',
      'tertiary-blue': '#2588E4',
      transparent: 'transparent',
      'warning-yellow': '#FEB928',
      'rich-black': '#00050B',
      'black-russian': '#090E17',
      night: '#0F1114',
      'electric-purple': '#C61BE2',
      'anti-flash-white': '#EDEDED',
      'fire-engine-red': '#D71919',
      'alternate-rich-black': '#12171D',
      'fluorescent-cyan': '#44FFEC',
      'giants-orange': '#FA6221'

    },
    fontFamily: {
      sans: ['Montserrat'],
      inter: ['Inter']
    },
    letterSpacing: {
      tighter: '-.05em',
      tight: '-.025em',
      normal: '0',
      wide: '.025em',
      wider: '.05em',
      widest: '.1em',
      'more-widest': '.15em',
      'super-widest': '.25em'
    }
  },
  safelist: [
    'text-error-red',
    'text-dark-green',
    'text-3xl',
    'text-4xl',
    'text-5xl',
    'text-6xl'
  ],
  plugins: []
}