.menu-container {
  display: flex;
  flex-direction: row;
}
.left-menu {
  background-color: var(--primary-color); 
  height: 100%;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition: transform ease-in-out 1s;
padding: 15px 20px;
}
#left-menu-toggle {
  display: none;
}
#left-menu-toggle-label {
  background-color: #f2f2f2;
  width: fit-content;
  height: auto;
  cursor: pointer;
  position: absolute;
  top: 40px;
  left: 250px;
}
#toggle-icon {
  /* position: absolute; */
  background-color: blue;
}

#left-menu-toggle:checked ~ .left-menu {
  transform: translateX(0%);
}