text: export const breakpoints = {
      phone: '480px',
      tablet: '640px',
      xtablet: '768px',
      laptop: '1024px',
      desktop: '1280px',
      xdesktop: '1440px'
  }
  
  export const fonts = {
      base: '"Poppins", sans-serif'
  }
  
  export const colors = {
      white: '#fff',
      secondaryWhite: '#f5f5f5',
      black: '#3a3c3e',
      blue: '#4589ee',
      pink: '#ec77ff',
      green: '#00c874',
      red: '#ff5a5a'
  }
  
  export const others = {
      primaryGradient: '#52acff',
      secondaryGradient: 'linear-gradient(90deg, #4589EE 0%, rgba(203, 18, 184, 1) 100%)',
      boxShadow: '0px 5px 10px 0px rgba(128,128,128,0.2)'
  }
  export const vars = {
      headerHeight: '4.5rem'
  }