#mySidenav a {
    left: -100px;
    transition: 0.3s;
    padding: 15px;
    width: 120px;
    text-decoration: none;
    font-size: 20px;
  /*  color: white; */
    border-radius: 0 5px 5px 0;
    z-index: 2;
    position: fixed;
}

#mySidenav a:hover {
    left: 0;
}

#left_menu_1 {
    top: var(--left_menu_1);
    background-color: var(--Commodore_red);
}

#left_menu_2 {
    top: var(--left_menu_2);
    background-color: var(--Commodore_yellow);
}

#left_menu_3 {
    top: var(--left_menu_3);
    background-color: var(--Commodore_green);
}

#left_menu_4 {
    top: var(--left_menu_4);
    background-color: var(--Commodore_blue);
}