.theme-l5 {
  color: #000 !important;
  background-color: #f8fafb !important;
}

.theme-l4 {
  color: #000 !important;
  background-color: #e7eef1 !important;
}

.theme-l3 {
  color: #000 !important;
  background-color: #cfdde4 !important;
}

.theme-l2 {
  color: #000 !important;
  background-color: #b7cdd6 !important;
}

.theme-l1 {
  color: #000 !important;
  background-color: #9ebcc9 !important;
}

.theme-d1 {
  color: #fff !important;
  background-color: #729db0 !important;
}

.theme-d2 {
  color: #fff !important;
  background-color: #5d8fa4 !important;
}

.theme-d3 {
  color: #fff !important;
  background-color: #517d90 !important;
}

.theme-d4 {
  color: #fff !important;
  background-color: #456b7b !important;
}

.theme-d5 {
  color: #fff !important;
  background-color: #3a5967 !important;
}

.theme-light {
  color: #000 !important;
  background-color: #f8fafb !important;
}

.theme-dark {
  color: #fff !important;
  background-color: #3a5967 !important;
}

* {
  /* boxx-sizing: set to border-box makes padding and border included in the total width and height of the elements. */
  box-sizing: border-box;
  padding: 0;
  margin: 0 0 0 0;
}

* {
  accent-color: springgreen;
}

.jumbo {
  text-size: 1vw;
}

.nav-bg-dark {
  background-color: hsla(0, 0%, 10%, 0.9);
}

/*# sourceMappingURL=style.css.map */