document.addEventListener("DOMContentLoaded", function () {
    document.querySelectorAll("a[href^='#']").forEach(anchor => {
      anchor.addEventListener("click", function (e) {
        e.preventDefault();
        document.querySelector(this.getAttribute("href"))
          .scrollIntoView({ behavior: "smooth" });
      });
    });

    document.querySelectorAll(".project").forEach(project => {
      project.addEventListener("click", () => {
        const details = project.querySelector(".project-details");
        details.classList.toggle("d-none");
      });
    });
});