body {
  background-color: white;
  color: black;
  margin: 0px;
  font-family: Verdana;
}

.nav-links {
  color: blue;
  text-decoration: none;
  padding-right: 2vw;
  font-size: 3vh
}

#nav-bar {
  background: lightblue;
  height: 5vh;
  width:100vw;
  position: fixed;
}

.invisible {
  display: none;
}

#learnbar > .bargrade {
  background: rgb(241, 247, 254);
  border: 2px solid black;
  width: 100vw;
  padding: 3vh;
  position: fixed;
}

#learnbar > .bargrade2 {
  background: rgb(241, 247, 254);
  border: 2px solid black;
  width: 100vw;
  padding: 3vh;
  position: fixed;
  left:30vw;
}

#learnbar-close {
  margin-left: 90vw;
  background: white;
  color: black;
  border: 1px solid black;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 87vh;
  z-index: 99999999;
}

#learnbar-close:hover {
  cursor: pointer;
}

.learnbars {
  position: fixed;
  z-index: 99999999999999999999999999999999999999999;
}