.nav-link {
  color: #212529 !important;
}

.navbar-dark .navbar-brand {
  color: #ffffff;
}

.navbar-dark .navbar-brand small {
  display: block;
  font-size: 0.8em;
  color: #aaaaaa;
}

.navbar-dark .nav-link {
  color: white !important;
}

.navbar-dark .nav-link:hover {
  color: #cccccc;
}

.offcanvas-header .offcanvas-title {
  color: #000000;
}

.offcanvas-body {
  background-color: #333333;
}

.offcanvas-body .nav-link:hover {
  color: #cccccc;
}

.navbar-toggler {
  border-radius: 8px;
  padding: 0.25rem 0.75rem;
}

.ms-auto {
  margin-left: auto;
}

.red {
  background-color: rgb(193, 17, 17);
  color: white;
  text-decoration: none;
}

.container {
  border: 2px solid rgb(77, 77, 77);
  border-radius: 8px;
  margin: 10px;
}

.notButton {
  text-align: start;
  background: none;
  border: none;
  box-shadow: none;
}

.notButton:hover{
  background: none;
  border: none;
  box-shadow: none;
}