text: module.exports = {
    theme: {
      screens: {
        sm: '550px',
        md: '525px',
        lg: '675px',
        xl: '850px',
      },
      colors: {
        blue: {
          100: '#e6f1ff',
          200: '#1f4980',
        },
        gray: {
          100: '#cfd7e6',
          200: '#a1a8b3',
          300: '#666f7e',
          400: '#292d33',
        },
        white: {
          100: '#fff',
          200: '#f7faff',
        },
        yellow: {
          100: '#f4ab00',
          200: '#422e00',
        },
      },
      fontFamily: {
        body: [
          'Libre Franklin',
          '-apple-system',
          'BlinkMacSystemFont',
          '"Segoe UI"',
          'Roboto',
          '"Helvetica Neue"',
          'Arial',
          '"Noto Sans"',
          'sans-serif',
          '"Apple Color Emoji"',
          '"Segoe UI Emoji"',
          '"Segoe UI Symbol"',
          '"Noto Color Emoji"',
        ],
      },
      fontSize: {
        body: '16px',
        tiny: '0.555rem',
        xs: '0.702rem',
        sm: '0.889rem',
        base: '1rem',
        lg: '1.125rem',
        xl: '1.266rem',
        '2xl': '1.424rem',
        '3xl': '1.602rem',
        '4xl': '1.802rem',
        '5xl': '2.027rem',
        '6xl': '2.281rem',
      },
      extend: {
        maxWidth: {
          xxl: '1366px',
          '1/3': '33%',
          '1/2': '50%',
        },
        margin: {
          neg: '-2rem',
        },
      },
    },
    variants: {},
    plugins: [],
  }
  