.pxn-theme-blue {
  background-color: var(--bs-blue);
  color: var(--bs-light);
}
.pxn-theme-cyan {
  background-color: var(--bs-cyan);
  color: var(--bs-dark);
}
.pxn-theme-danger {
  background-color: var(--bs-danger);
  color: var(--bs-light);
}
.pxn-theme-dark {
  background-color: var(--bs-dark);
  color: var(--bs-light);
}
.pxn-theme-gray {
  background-color: var(--bs-gray);
  color: var(--bs-light);
}
.pxn-theme-gray-dark {
  background-color: var(--bs-gray-dark);
  color: var(--bs-light);
}
.pxn-theme-green {
  background-color: var(--bs-green);
  color: var(--bs-light);
}
.pxn-theme-indigo {
  background-color: var(--bs-indigo);
  color: var(--bs-light);
}
.pxn-theme-info {
  background-color: var(--bs-info);
  color: var(--bs-dark);
}
.pxn-theme-light {
  background-color: var(--bs-light);
  color: var(--bs-dark);
}
.pxn-theme-orange {
  background-color: var(--bs-orange);
  color: var(--bs-light);
}
.pxn-theme-pink {
  background-color: var(--bs-pink);
  color: var(--bs-light);
}
.pxn-theme-primary {
  background-color: var(--bs-primary);
  color: var(--bs-light);
}
.pxn-theme-purple {
  background-color: var(--bs-purple);
  color: var(--bs-light);
}
.pxn-theme-red {
  background-color: var(--bs-red);
  color: var(--bs-light);
}
.pxn-theme-secondary {
  background-color: var(--bs-secondary);
  color: var(--bs-light);
}
.pxn-theme-success {
  background-color: var(--bs-success);
  color: var(--bs-light);
}
.pxn-theme-teal {
  background-color: var(--bs-teal);
  color: var(--bs-dark);
}
.pxn-theme-transparent {
  background-color: transparent;
}
.pxn-theme-warning {
  background-color: var(--bs-warning);
  color: var(--bs-dark);
}
.pxn-theme-white {
  background-color: var(--bs-white);
  color: var(--bs-dark);
}
.pxn-theme-yellow {
  background-color: var(--bs-yellow);
  color: var(--bs-dark);
}

.bg-blue {
  background-color: var(--bs-blue);
}
.bg-indigo {
  background-color: var(--bs-indigo);
}
.bg-purple {
  background-color: var(--bs-purple);
}
.bg-pink {
  background-color: var(--bs-pink);
}
.bg-red {
  background-color: var(--bs-red);
}
.bg-orange {
  background-color: var(--bs-orange);
}
.bg-yellow {
  background-color: var(--bs-yellow);
}
.bg-green {
  background-color: var(--bs-green);
}
.bg-teal {
  background-color: var(--bs-teal);
}
.bg-cyan {
  background-color: var(--bs-cyan);
}
.bg-gray {
  background-color: var(--bs-gray);
}
.bg-gray-dark {
  background-color: var(--bs-gray-dark);
}
.pxn-boilerplate {
  &.pxn-has-topfixed-navbar header {
    margin-top: 3.5rem;
  }
  .pxn-hero {
    padding: 4rem 2rem;
    margin-bottom: 2rem;
  }
}