.navbar-div {
  background: rgba(44, 44, 44, 0.75);
  height: 340px;
  width: 68px;
  border-radius: 1000px;
  position: fixed;
  left: 2vw;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  box-shadow: 6px 6px 15px rgb(0, 0, 0);
  z-index: 10;
}

.navbar-div div {
  height: 20%;
  width: 100%;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar-div div a {
  height: 80%;
  width: 80%;
  border-radius: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color .15s ease-in-out;
}

.navbar-div div a:hover {
  background-color: rgb(87, 87, 87);
}

.navbar-icon {
  width: 50%;
  height: 50%;
}