tailwind.config.js

module.exports = {
  purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        'facebookBlue': '#0C86EF',
        'instagramPink': '#A93796',
        'venmoBlue': '#3192C8',
        'spotifyGreen': '#1CCC5B',
        'tiktokMaroon': '#E21C4E',
        'youtubeRed': '#FF0101',
        'peytonPink': '#270961',
        'jazzPurple': '#382787',
        'jazzLightPurp': '#9F2CAD',
        'jazzBlue': '#04c4c7',
        'googleBlue': '#4285f4'
      },
      screens: {
        'xs': '480px',
        'xxs': '390px'
      },
      margin: {
        'auto': 'auto',
        'zeroAuto': '0 auto',
        'autoZero': 'auto 0',
        'negative20': '10vh 0 0 0'
      },
      padding: {
        '25': '25rem 0 0 0',
      },
      height: {
        '95vh': '95vh',
        '35vh': '35vh',
      }
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
}