.icon-avatar {
      border-radius: 50%;
      width: var(--main-size);
}

/* left panel z-index fix */
.form {
      position: relative;
      z-index: 0;
}
#header {
      z-index: 1;
}

/* CHECKBOX TRICK */
.icon-menu label {
      opacity: 0;
      cursor: pointer
}
#toggle {
      position: absolute;
      z-index: 2;
      cursor: pointer;
      opacity: 0;
}
#toggle:checked+.navbar {
      display: block;
      left: 0;
      top: 0;
      transition: 0.3s ease;
}

#left-panel {
      display: flex;
      flex-direction: column;
      left: 0;

      width: calc(2 * var(--unit-size-w));
      padding: var(--small-size);
      box-sizing: border-box;

      font-size: var(--medium-size);
      background-image: linear-gradient(var(--bg1), transparent);
}