#leftNav{						/* #  is the id selector */
  list-style-type: none;		/*Removes the bullets.*/
  width: 15%;
  background-color: SlateGray;
  height: 100%;
  overflow: auto;
  margin: 0px;					/*adds space on the left size*/
  padding: 0;
  position: absolute;			/*total length of left side and scroll with page*/
  cursor: pointer;
  -webkit-user-select: none; 	/*Safari */
  user-select: none;			/*prevent text selection */
}

#leftNav a {
  display: block;
  color: #000;
  padding: 8px 8px;
  color: white; 				/* text */
  text-decoration: none;
  font-family: consolas, tahoma, arial, helvetica, sans-serif;
  font-size: 1.4vw;
}

li a:hover:not(.active) {
  background-color: #3e8e41;
  color: white;
}