text: // module.exports = {
  //   purge: [],
  //   darkMode: false, // or 'media' or 'class'
  //   theme: {
  //     extend: {},
  //   },
  //   variants: {
  //     extend: {},
  //   },
  //   plugins: [],
  // }
  let purge =
    process.env.NODE_ENV === 'production' ? [
      './src/**/*.html',
      './src/**/*.jsx',
      './src/**/*.js',
    ] : []
  
  module.exports = {
    purge,
    theme: {
      extend: {
        fontSize: {
          '5xl': ['3rem', {
            
          }]
        },
        zIndex: {
          '-1': '-1'
        },
        screens: {
          '15xl': '1408px',
          '2xl': '1536px',
          '3xl': '1700px'
        },
        colors: {
          red: '#FF5964',
          'hover-red': '#ea515b',
          gray: '#F2F2F2',
          white: '#FFFFFF',
          'light-blue': '#46AEFF',
          'hover-blue': '#3fa2ef',
          'lightest-blue': '#dcf0ff',
          'background-blue': 'rgba(45, 156, 219, 0.05)',
          'transparent-grey': '#F3F3F3',
          'dark-grey': '#727272',
          'black': '#000000',
          'background-gray': '#fbfbfb',
          'mid-gray': '#cecece',
          'background-black': '#0000002e',
          //, 3.0 below:
          'cloud-blue': '#F7F8FD',
          'purple': '#5B7FFF',
          'light-gray': '#CACACA',
          'yellow': '#FFEA7E',
          'hover-red': '#f94551',
          'hover-yellow': '#ffe45c',
          'hover-purple': '#596dff',
          'hover-gray': '#fdfdfd'
        },
        padding: {
          '0.5': '0.125rem',
          '1.5': '0.37rem',
          tiny: '0.375rem',
          '-0.5': '-0.125rem'
        },
        margin: {
          '0.25': '0.0625rem',
          '0.5': '0.125rem',
          '-0.5': '-0.125rem',
          '1.5': '0.37rem',
          '2.5': '0.625rem',
          '9': '2.25rem',
          '7': '1.75rem',
          '-18': '-4.5rem',
          '-19': '-4.7rem',
          '-22': '-5.5rem',
          '-36': '-9rem',
          '-21rem': '-21rem',
          '-7rem': '-7rem'
        },
        lineHeight: {
          '11': '2.75rem',
          '12': '3rem',
          '13': '3.5rem',
          '4rem': '4rem'
        },
        height: {
          '3rem': '3rem',
          "36": '9rem',
          '80': '20rem',
          '15rem': '15rem',
          '18rem': '18rem',
          '20rem': '20rem',
          '21rem': '21rem',
          '25rem': '25rem',
          '30rem': '30rem',
          '38rem': '38rem',
          '41rem': '41rem',
          '43rem': '43rem',
          '5/6': '83.333333%'
        },
        width: {
          '12rem': '12rem',
          '19rem': '19rem',
          '28rem': '28rem',
          '34rem': '34rem',
          '38rem': '38rem',
          '39rem': '39rem',
          '40rem': '40rem',
          '43rem': '43rem',
          '45rem': '45rem',
          '53rem': '53rem',
          '60rem': '60rem',
          '65rem': '65rem',
          '68rem': '68rem',
          '70rem': '70rem',
          '75rem': '75rem',
          '80rem': '80rem',
          '81rem': '81rem',
          '83rem': '83rem',
          '80': '20rem',
          '52': '13rem',
          '56': '14rem',
          '60': '15rem',
          '64': '16rem',
          '72': '18rem',
          '97per': '97%'
        }
      },
      inset: {
        '-1': '-0.25rem'
      },
      maxHeight: {
        '3rem': '3rem',
        '15rem': '15rem'
      },
      leading: {
        '11': '2.75rem',
        '12': '3rem'
      },
      maxWidth: {
        '7': '1.75rem',
        '14rem': '14rem',
        '40rem': '40rem',
        '34rem': '34rem',
        '90-percent': '90%'
      },
      stroke: theme => ({
        'white': theme('colors.white')
      })
    },
    variants: {
      stroke: ['hover'],
      backgroundColor: ['group-hover', 'hover', 'focus'],
      display: ['responsive', 'group-hover'],
      borderColor: ['group-hover'],
      textColor: ['group-hover', 'hover', 'focus', 'active'],
      opacity: ['group-hover'],
      fontWeight: ['group-hover', 'hover']
    },
    plugins: [],
    future: {
      removeDeprecatedGapUtilities: true,
      purgeLayersByDefault: true,
    }
  }
  