changed navbar appearence and behaviour

}

#TOC {

  z-index: 2;

  top: 0;

  left: 0;

  height: 100%;

  width: 33%;

  width: 25%;

  resize: horizontal;

  padding-right: 15px;

  position: fixed;

  left: -32.5%; /* Initially hidden to the left */

  background-color: #333;

  transition: left 0.5s ease; /* Add transition for smooth left change */

  background-color: rgba(100,100, 100, 0.6);

  overflow-y: auto;

}

#TOC:hover {

  left: 0; /* Shift to the right on hover */

}

#TOC a {

  text-decoration: none;

  font-size: 16px;

  color: white;

  color: black;

  display: block;

  white-space: nowrap; /* Prevents text from wrapping */

  overflow: hidden; /* Hides overflow content */

  text-overflow: ellipsis;

}

@media screen and (max-width: 600px) {