.verticalLine {
  border-left: 2px solid black;
  height: 4rem;
  max-height: 10rem;
  max-width: 1rem;
  margin: 1rem 0;
}

.navLink {
  min-width: fit-content;

  height: fit-content;
  padding: 0.6rem;
  text-decoration: none;
  color: rgb(255, 255, 255);
  margin: 0 0.5rem 0.5rem 0.5rem;
  background-color: rgba(7, 154, 199, 0.781);
  border-radius: 0px 0px 10px 10px;
  box-shadow: 2px 5px 0.5rem rgb(0, 255, 221);
  font-weight: 500;
  font-family: book, "Handset Sans UI", system-ui;
}

.navLink:hover {
  background-color: rgb(0, 187, 187);
  transition-delay: 3ms;
  box-shadow: 6px 9px 0.5rem rgb(0, 204, 255);
}
.navBar {
  display: flex;
  flex-direction: row;
  height: 5vh;
  background-color: rgba(0, 0, 0, 1);
  border-radius: 0rem 0rem 1rem 1rem;
  place-content: center;
  padding: 0 1rem 1rem 0.5rem;
  margin: 0 0 0.5rem 0;
  min-height: fit-content;
}