.bg-dark {
  background: radial-gradient(farthest-corner at 50% 85%, $suwa06 0%, $black1 100%);
  border: 2px solid $suwa03;
  box-shadow: 0 0 7px 3px $suwa04;
}

.navbar {
  padding: 0px;
}

.navbar-toggler {
  border: 0px solid transparent;
}

.navbar-nav .dropdown-menu {
  background-color: $black2;
  color: $white1;
  border: 2px solid $suwa03;
  box-shadow: 0 0 7px 3px $suwa04;
}

.dropdown-item {
  color: $white1;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus {
  color: $white1;
  background-color: $suwa03;
}

.navbar-brand {
  padding: 5px;
}

.navbar-brand, .nav-item {
  transition: background 0.3s;
  border-radius: 2px;
  cursor: pointer;
}

.navbar-brand:hover, .nav-item:hover {
  background-color: $suwa07;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: $suwa08;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: $white1;
  background-color: $suwa04;
  border-color: $suwa08;
}

.nav-tabs {
  border-bottom: 1px solid $suwa03;
}