.sidenav {
  height: inherit;
  width: inherit;
  background: var(--second-bg-color);
  overflow-x: hidden;
  padding: 8px 8px;
  border-radius: 5px;
  margin: 0px;
}
.sidenav a {
  padding: 8px;/*6px 8px 6px 16px;*/
  text-decoration: none;
  color: #f2f2f2;
  display: block;
}
.sidenav a:hover {
  color: var(--second-bg-color);
  background-color: #f2f2f2;
  border-radius: 25px;
}
.sidenav i:hover{
  color: white;
  background-color: var(--second-bg-color);
  border-radius: 25px;
}
.sideNaveTitle {
  display: inline;
}
.openCloseButton {
  color: var(--second-bg-color);;
  cursor: pointer;
  padding: 12px;
  font-size: 35px;
  font-weight: bold;
}
.category {
  display: inline;
  margin: 15px;
}