#nav {
    font-size: large;
    transition: all 0.5s;
}
.dark-nav {
    background: rgb(0 0 0 / 30%);
}

@media screen and (max-width: 991px) {
  #nav:has([aria-expanded="true"]) {
    background: rgb(0 0 0 / 30%);
  }
  #nav-logo {
    visibility: hidden;
  }
}