nav.css

.container {
  padding-left: 15px;
  padding-right: 1px;
  margin: 0;
}

.navbar {
  font-family: Montserrat, sans-serif;
  margin: 0 auto;
  height: 54px;
  border: 1px solid #fff700;
  color: #ffa500;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  opacity: 1;
}

.navbar li a,
.navbar .navbar-brand, .navbar-right {
  font-size: 15px;
  color: #ffa500 !important;
  text-shadow: 1px 1px 1px black;
  font-weight: 500;
}

.navbar-nav li a:hover,
.navbar-nav li.active a {
  color: red !important;
  font-weight: 900;
  background-color: #fff700 !important;
  animation: btn-shake 0.35s ease-in-out;
}

@keyframes btn-shake {
  20% {
    transform: translateX(8px);
  }
  40% {
    transform: translateX(-6px);
  }
  60% {
    transform: translateX(4px);
  }
  80% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}

.navbar-default .navbar-toggle {
  border-color: transparent;
}

.open .dropdown-toggle {
  color: #ffa500;
  font-weight: 900;
  background-color: #fff700 !important;
}

.dropdown-menu li a {
  color: #ffa500;
  font-weight: 800;
}

.dropdown-menu li a:hover {
  color: #ffa500;
  background-color: #fff700 !important;
}

.nav-tabs li a {
  color: #fff700;
  font-weight: 800;
}