tailwind.config.js

module.exports = {
  theme: {
    extend: {
      colors: {
        black: '#1B1B1E',
        'black-t': '#1B1B1EDD ',
        black2: '#111212',
        white: '#fbfbfb',
        'white-t': '#fbfbfb',
        orange: '#FFAE03',
        'orange-t': '#FFAE03AA',
        gray: '#8D8D8D',
      },
      minHeight: {
        'screen-1/4': '25vh',
        'screen-1/2': '50vh',
        'screen-3/4': '75vh',
        'screen-1/5': '20vh',
        'screen-1/3': '33vh',
        '1/2': '50%',
        'screen-4/5': '80vh',
        'screen-9/10': '90vh',
      },
      fontSize: {
        '4xxl': '2.6rem',
        '5xxl': '3.5rem',
      },

      maxWidth: {
        'screen-xl': '1280px',
      },

      screens: {
        xxl: '1400px',
        //xxl: '2000px',
      },

      transitionDuration: {
        '3000': '3s',
        '2500': '2500ms',
        '5000': '5000ms',
      },
      flex: {
        '2': '2 1 0%',
      },
    },
  },
  variants: {},
  plugins: [],
}