/* Styling for the sidebar that's on every page */

.navbar {
  width: 20%;
  height: 100%;
  position: fixed;
  overflow: auto;
  z-index: 1;
  border-right: 4px solid white;
  padding-top: 30px;
}

.navbar a {
  font-size: 20px;
  text-decoration: none;
  color: white;
  padding: 16px 20px;
  display: block;
}

.navbar a:hover {
  background-color: gray;
}

.navbar div {
  font-size: 20px;
  padding: 16px 20px;
}

.current {
  background-color: var(--pink);
}

.not-made-yet {
  color: #bbb;
  font-style: italic;
}