tailwind.config = {
    theme: {
      fontFamily: {
          ms: ["Montserrat", "sans-serif"],
          dm: ["DM Serif Display", "serif"]
        },
      screens: {
          sm: '480px',
          md: '768px',
          lg: '976px',
          xl: '1200px',
      },
      extend: {
        colors: {
          purple1: '#9773fa',
          purple2: '#9874FF',
          grey1: '#DADADA',
          grey2: '#D7D7D7',
          grey3: '#828282',
          grey4: '#E8E8E8',
          pink1: '#E34FA5'
        },
        fontSize: {
          '5.5': '1.375rem', // 22px
          '10': '2.5rem',
          '20': '5rem'
        },
        spacing: {
          '2.25': '0.563rem',
          '3.25': '0.813rem',
          '4.5': '1.125rem', // 18px
          '5.5': '1.375rem', // 22px
          '6.5': '1.625rem', // 26px
          '24': '6rem', // 96px
          '27.5': '6.875rem', 
          '30': '7.5rem',
          '71.5': '17.875rem', // 296px
          '76': '19rem'
        },
        lineHeight: {
          '5.5': '1.375rem', // 22px
          '12': '3rem',
          '20': '5rem',
          '25': '6.25rem'
        },
        borderRadius: {
          '4.5': '1.125rem' // 18px
        }
      }
    }
  }