Vessel of love

<script>
document.addEventListener("DOMContentLoaded", function() {
  const header = document.querySelector("header");

  window.addEventListener("scroll", () => {
    const scrollY = window.scrollY;

    if (scrollY > 20) { // header fades after 20px scroll
      header.style.opacity = "0"; 
      header.style.pointerEvents = "none";
    } else {
      header.style.opacity = "1"; 
      header.style.pointerEvents = "auto";
    }
  });
});
</script>
  });
});
</script>