.sidenav {
      height: 100%;
      width: 100%;
      position: fixed;
      z-index: 1;
      bottom: -150%;
      left: 25px;
      background-color: white;
      padding-top: 0px;
      transition: background-color 2.5s ease-in 1.5s;
  }

  #mySidenav ul li {
      padding: 0px 0px 0px 0px;
      text-decoration: none;
      color: #818181;
      display: block;
      transition: 0.3s;
  }

  .sidenav ul {
      list-style-type: none;
      height: 100%;
      padding: 0px;
      margin: 0px;
  }

  .sidenav.active {
      bottom: -110px;
  }

  #projectlistbig {
      height: 100%;
      margin: 0px;
      padding: 0px;
      background-color: white;
      transition: background-color 2.5s ease-in 1.5s;
  }

  .mnuselected {
      font-size: 20px;
      font-weight: 800;
  }

  .mnuactive {
      color: black;
      font-size: 25px;
  }

  .mnunotactive {
      color: grey;
      font-size: 16px;
  }

  .clsli {
      padding: 0px;
      background-color: white;
      text-decoration: none;
      margin: 0px;
      transition: 0.3s;
      cursor: pointer;
  }

  a:link {
      color: black;
      text-decoration: none;
  }

  a:visited {
      color: black;
      text-decoration: none;
  }