.active-link {
  background-color: lightgray;
  border-radius: 0.5rem;
}

.active-avatar-link {
  border: 2px solid black !important;
}

.active-user-avatar {
  border: 2px solid white;
}

#readAllButton {
  border: 1px solid var(--red);
  color: var(--red);
}

#readAllButton:hover {
  background-color: var(--red);
  color: white;
}

#logoNavbar {
  width: 2.25rem;
}

@media screen and (min-width: 992px) {
  #logoNavbar {
    width: 3rem;
  }
}