tailwind.config.js

module.exports = {
  theme: {
    extend: {
      container: {
        center: true,
        padding: '2rem'
      },
      boxShadow: {
        light: '0 2px 4px 0 rgba(255, 255, 255, 0.05)',
        'light-md':
          '0 4px 6px -1px rgba(255, 255, 255, .1), 0 2px 4px -1px rgba(255, 255, 255, .06)',
        'light-lg':
          '0 10px 15px -3px rgba(255, 255, 255, .1), 0 4px 6px -2px rgba(255, 255, 255, .05)',
        'light-xl':
          '0 20px 25px -5px rgba(255, 255, 255, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)'
      },
      fontFamily: {
        base: [
          'Merriweather',
          '-apple-system',
          'BlinkMacSystemFont',
          '"Segoe UI"',
          '"Helvetica Neue"',
          'Arial',
          'serif'
        ],
        headings: ['Montserrat', 'sans-serif'],
        code: [
          'Hasklig',
          'Consolas',
          'Menlo',
          'Monaco',
          '"Liberation Mono"',
          '"Courier New"',
          'monospace'
        ]
      },
      colors: {
        'code-comment': '#20ff7d',
        body: {
          first: '#0d1016',
          second: '#0b0e15'
        }
      },
      backgroundColor: {
        code: '#011627'
      }
    }
  },
  purge: false,
  variants: {},
  plugins: []
}