h1, a.nav-link:not(.active), a:not(.btn) {
  -webkit-animation: colorfades 10s ease-in-out 0s infinite alternate both running;
  -moz-animation: colorfades 10s ease-in-out 0s infinite alternate both running;
  animation: colorfades 10s ease-in-out 0s infinite alternate both running;
}

.colorfadesalt, li::marker, .colorfadesalt a {
  -webkit-animation: colorfadesAlt 10s ease-in-out 0s infinite alternate both running;
  -moz-animation: colorfadesAlt 10s ease-in-out 0s infinite alternate both running;
  animation: colorfadesAlt 10s ease-in-out 0s infinite alternate both running;
}

.nav-pills .nav-link.active {
  color: #ffffff !important;
  -webkit-animation: colorfades2 10s ease-in-out 0s infinite alternate both running;
  -moz-animation: colorfades2 10s ease-in-out 0s infinite alternate both running;
  animation: colorfades2 10s ease-in-out 0s infinite alternate both running;
}

li::marker {
  /*color: var(--primary);*/
  font-weight: bold;
}

@keyframes colorfades {
  0% {
    color: var(--cyan);
  }
  100% {
    color: var(--primary);
  }
}

@keyframes colorfadesAlt {
  0% {
    color: var(--primary);
  }
  100% {
    color: var(--cyan);
  }
}

@keyframes colorfades2 {
  0% {
    background-color: var(--primary);
  }
  100% {
    background-color: var(--cyan);
  }
}