let lastScroll = 0;
let hideTimeout;
const navbar = document.querySelector('.navbar');

window.addEventListener('scroll', () => {
  const currentScroll = window.pageYOffset;

  if (currentScroll > lastScroll + 3) {
    clearTimeout(hideTimeout);
    hideTimeout = setTimeout(() => {
      navbar.style.transform = 'translateY(-100%)';
    }, 200);
  } 
  else if (currentScroll < lastScroll - 5) {
    clearTimeout(hideTimeout);
    navbar.style.transform = 'translateY(0)';
  }

  lastScroll = currentScroll;
});