.navbar {
  background-color: #5b2883;
  border-color: #885cae;
  border-radius: 0;
  margin-bottom: 0;
  margin-right: -15px;
  margin-left: -15px;
}

.navbar > .navbar-brand {
  display: flex;
  outline: none;
  cursor: pointer;
  color: #d9c7e7;
}

.navbar > .navbar-brand:hover, .navbar > .navbar-brand:focus {
  color: #ffffff;
}

.navbar .navbar-nav > li {
  outline: none;
}

.navbar .navbar-nav > li > a {
  color: #d9c7e7;
  cursor: pointer;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li.active > a {
  color: #ffffff;
}