#button-container {
    /* position: fixed !important;
    right: 5%;
    top: 2%; */
    z-index: 100;
}

#menu-button {
    height: 30px;
    width: 30px;
    z-index: 100;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-container {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}
.menu-container.open {
    transform: translateX(0);
}

.menu-link {
   color: #fff !important;
}
.menu-link:hover {
    color: var(--base-color) !important;
    scale: 1.05;
}