/* Header Menu for mobile */
:root {
    --header-menu-size: 15rem;
}

#header_menu {
    position: fixed;
    top: 0;
    right: 0;
    width: var(--header-menu-size);
    height: 100vh;

    background: var(--back);
    z-index: 10000;
    transform: translateX(var(--header-menu-size));
    transition: transform 0.5s ease-in-out;


}

#header_menu.active {
    transform: translateX(0);
}