t.querySelector(".ring-progress");

      window.addEventListener("scroll", () => {
        if (window.scrollY > 300) {
          scrollToTopBtn.classList.add("show");
        } else {
          scrollToTopBtn.classList.remove("show");
        }

        const scrollPercentage =
          (window.scrollY /
            (document.documentElement.scrollHeight - window.innerHeight)) *
          100;
        const circumference = 2 * Math.PI * 18;
        ringProgress.style.strokeDashoffset =
          circumfer