.bg-primary {
  background-color: #00c0b5 !important;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
  color: rgb(255,255,255);
}

a {
}

.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #ffffff;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #00ed18;
  --bs-btn-hover-border-color: #ffffff;
  --bs-btn-focus-shadow-rgb: 204, 81, 54;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #60dc26;
  --bs-btn-active-border-color: #ffffff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #4ef040;
  --bs-btn-disabled-border-color: #1f647a;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #fff;
  background-color: #ffffff !important;
}