const headers = document.querySelectorAll(".funniHover");

headers.forEach((element) => {
    const letters = element.textContent.split("");
    element.textContent = "";
    letters.forEach((letter) => {
        const span = document.createElement("span");
        span.textContent = letter;
        span.classList.add("hover-letter");
        element.appendChild(span);
    });
});