.topnav {
  overflow: hidden;
  /*background-color: Canvas;*/
  position: relative;
  border-top: 1px dashed black;
  border-bottom: 1px dashed black;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: var(--CanvasText);
  padding: 10px 12px;
  text-decoration: none;
  font-size: 0.9rem;
  display: block;
}

.topnav a.icon {
  /*background: black;*/
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: var(--ButtonFace);
  color: var(--CanvasText);
}

.active {
  /* background-color: var(--CanvasText); */
  color: var(--CanvasText);
}