tailwind.config.js

module.exports = {
  theme: {
    extend: {
      fontFamily: {
        'body': ['Montserrat', '-apple-system, BlinkMacSystemFont', 'Roboto', 'Helvetica Neue', 'Arial'],
        'heading': ['Abril Fatface', 'Cambria', 'Times New Roman', 'Times', 'serif']
      },
      fontSize: {
        '8xl': '6rem',
        '10xl': '8rem',
        '11xl': '9rem',
        '12xl': '10rem',
        '14xl': '12rem',
        '15xl': '14rem',
        '16xl': '16rem'
      },
      colors: {
        cyan: {
          lite: '#00FFCC'
        },
        'custom-gray': '#686868',
      },
      opacity: {
        '10': '0.1'
      },
      borderWidth: {
        '14': '14px',
        '16': '16px',
        '18': '18px',
        '20': '20px',
        '24': '24px'
      },
      width: {
        '72': '18rem',
        '84': '20rem',
        '92': '22rem',
        '98': '24rem'
      },
      height: {
        '72': '18rem',
        '84': '20rem',
        '92': '22rem',
        '98': '24rem',
        '90': '90%'
      }
    }
  },
  variants: {
    height: ['responsive']
  },
  plugins: []
}