document.addEventListener("DOMContentLoaded", () => {
    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;

    document.body.style.paddingRight = `${scrollbarWidth}px`;

    const navbarHeight = document.querySelector('.navbar').offsetHeight;
    document.documentElement.style.scrollPaddingTop = `${navbarHeight}px`;
});