#hamburger-menu {
    display: none;
    position: fixed;
    width: 200px;

    height: 100vh;

    right: -200px;
    top: 0;

    z-index: 5;

   background-color: var(--higlight);

   border-left: solid white 1px;


   font-family: 'Main-body';

   transition: .3s;
}

#hamburger-menu div {
    padding: 1.4rem 2rem;

    border-bottom: solid white 1px;

    text-align: end;
}

#hamburger-menu div button {
    background: none;
    border: none;
    font-size: 2rem;
    color: white;
}

#hamburger-menu ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3rem;

    list-style-type: none;

    padding: 2rem;
}

#hamburger-menu ul a {
    text-decoration: none;
    color: white;
}

#hamburger-icon {
    display: none;
}