/* Hide scrollbars for the entire document */
html, body {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

html::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
}


/* Make the navbar sticky */
nav {
    position: sticky;
    top: 0;
    z-index: 50; /* Keep the navbar above most elements */
    background-color: #333333; /* Adjust to match your design */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

/* Drawer Navigation */
#mobile-menu {
    z-index: 60; /* Ensure the drawer is above the navbar */
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333333; /* Match the navbar background */
}

/* Ensure the footer is sticky */
footer {
    position: sticky;
    bottom: 0;
    z-index: 50;
}