 within the viewport
        while (document.getElementsByClassName('content')[0].scrollHeight > parseFloat(window.getComputedStyle(content).height)) {
            fontSize -= 0.1;
            document.body.style.fontSize = `${fontSize}px`;
        }
        content.style.opacity = 1;
    }

    // Initial adjustment on page load
    window.addEventListener('load', adjustFontSize);

    // Re-adjust when the window is resized
    window.addEventListener('resize', adjustFontSize);
</script>

</html>