main.css

/* PRIMARY    : #f17841 */
/* MIDNIGHT  : #1a1e29 */
/* DARK      : #2a313b */
/* LIGHT     : #b2b2b2 */
.primary {
  background-color: #f17841;
}

.midnight {
  background-color: #1a1e29;
}

.dark {
  background-color: #2a313b;
}

.light {
  background-color: #b2b2b2;
}

.nospace {
  margin: 0;
  padding: 0;
}

.primary-outlined {
  background: transparent;
  border: 1px solid #f17841; color: #f17841 !important;
}

.primary-outlined:hover {
  color: white !important;
  background-color: #f17841 !important;
}

.primary-active {
  color: white;
  background-color: #f17841;
}

/* NAV BAR */

.navbar-item {
  color: white;
}

.navbar-start .navbar-item {
  background-color: #1a1e29;
  color: white;
}

.navbar-start .navbar-item:hover {
  background: #2a313b;
  color: white;
}

#nav-active {
  background-color: #f17841 !important;
}

/* Flickity */

.main-carousel {
  width: 100%;
  background-color: #2a313b;
  margin-bottom: 40px;
  height: 100%;
}

.carousel-cell {
  width: 100%;
}

.carousel-cell img {
  display: block;
  margin: auto;
  max-width: 100%;
  height: 100%;
}

/* MENU */
.menu * {
  color: white !important;
}

.menu a:hover {
  background-color: #2a313b;
}

.menu .primary-active:hover {
  background-color: inherit;
}