const observerLeft = new IntersectionObserver((entries) => {
  entries.forEach((entry) => {
//  console.log(entry.target.id);
    if (entry.isIntersecting) { entry.target.classList.add('observer_left_unhide');
    } else { if (entry.target.classList.contains('observer_reload')) { entry.target.classList.remove('observer_left_unhide'); } }
  });
});
const hiddenLeft = document.querySelectorAll('.observer_left_hide');
hiddenLeft.forEach((el) => observerLeft.observe(el));


const observerRight = new IntersectionObserver((entries) => {
  entries.forEach((entry) => {
//  console.log(entry.target.id);
    if (entry.isIntersecting) { entry.target.classList.add('observer_right_unhide');
    } else { if (entry.target.classList.contains('observer_reload')) { entry.target.classList.remove('observer_right_unhide'); } }
  });
});
const hiddenRight = document.querySelectorAll('.observer_right_hide');
hiddenRight.forEach((el) => observerRight.observe(el));


const observerBottom = new IntersectionObserver((entries) => {
  entries.forEach((entry) => {
//  console.log(entry.target.id);
    if (entry.isIntersecting) { entry.target.classList.add('observer_bottom_unhide');
    } else { if (entry.target.classList.contains('observer_reload')) { entry.target.classList.remove('observer_bottom_unhide'); } }
  });
});
const hiddenBottom = document.querySelectorAll('.observer_bottom_hide');
hiddenBottom.forEach((el) => observerBottom.observe(el));


const observer4 = new IntersectionObserver((entries, options) => {
  entries.forEach((entry) => {
//  console.log(entry.target.id);
    if (entry.isIntersecting) { entry.target.classList.add('observer_show_top');
    } else { if (entry.target.classList.contains('observer_reload')) { entry.target.classList.remove('observer_show_top'); } }
  });
});
const hiddenElements4 = document.querySelectorAll('.observer_hidden_top');
hiddenElements4.forEach((entry) => observer4.observe(entry));


const observerLogo = new IntersectionObserver((entries, options) => {
  entries.forEach((entry) => {
//  console.log(entry.target.id);
    if (entry.isIntersecting) {
      entry.target.classList.add('observer_logo');
    }
  });
});
const hiddenLogo = document.querySelectorAll('.observer_logo_hide');
hiddenLogo.forEach((entry) => observerLogo.observe(entry));