mentById("theSideNav");
    const main = document.getElementById("main");

    navbar.style.width = "360px";
    navbar.style.paddingLeft = "20px";
    main.style.marginLeft = "360px";
    document.getElementById("open-navbar").style.display = "none";
    document.getElementById("close-navbar").style.display = "inline-block";
}

function closeNav() {
    const navbar = document.getElementById("theSideNav");
    const main = document.getElementById("main");

    navbar.style.width = "0"; // Close the navbar
