module.exports = { content: ['./src/**/*.{js,jsx,ts,tsx}'], darkMode: 'class', theme: { fontFamily: { display: ['Open Sans', 'sans-serif'], body: ['Open Sans', 'sans-serif'] }, extend: { fontSize: { 14: '14px' }, backgroundColor: { 'main-bg': '#FAFBFB', 'main-dark-bg': '#20232A', 'secondary-dark-bg': '#33373E', 'light-gray': '#F7F7F7', 'half-transparent': 'rgba(0, 0, 0, 0.5)' }, borderWidth: { 1: '1px' }, borderColor: { color: 'rgba(0, 0, 0, 0.1)' }, width: { 400: '400px', 760: '760px', 780: '780px', 800: '800px', 1000: '1000px', 1200: '1200px', 1400: '1400px' }, height: { 80: '80px' }, minHeight: { 590: '590px' }, backgroundImage: { 'hero-pattern': "url('https://i.ibb.co/MkvLDfb/Rectangle-4389.png')" } } }, plugins: [] }