@import 'application';

body {
  background-color: $ui-base-color;
  background-image: url('../images/background-kosmos.jpg');
  background-size: cover;
  background-attachment: fixed;
}

body.about-body {
  background-color: transparent;
  background-image: url('../images/background-kosmos.jpg');
  background-size: cover;
  background-attachment: fixed;
}

.landing-page .learn-more-cta {
  background: rgba(31, 35, 43, 50%);
}

.ui {
  background-color: darken($ui-base-color, 7%);
  background-image: url('../images/background-kosmos.jpg');
  background-size: cover;
  background-attachment: fixed;
}

.column .column-header {
  background: var(--background-color);
}

.column .scrollable {
  background: var(--background-color);
}

.column .notification__filter-bar {
  background: var(--surface-background-color);
}