html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000;
}

.path-frontpage .page-wrapper,
.path-frontpage .site-header__inner,
.path-frontpage .header-nav,
.path-frontpage .site-footer {
  background: transparent !important;
}

.path-frontpage .page-wrapper {
  background: #000 !important;
}

.path-frontpage .site-header {
  position: absolute;
}

.path-frontpage header#header {
  width: -webkit-fill-available;
}

.path-frontpage #header-nav {
  background: transparent;
}

.path-frontpage #header-nav.is-active {
  padding: 50px;
  background: #008b8b;
  backdrop-filter: blur(100px);
}

.path-frontpage .primary-nav__menu-link-inner,
.path-frontpage .primary-nav__menu-link:hover,
.path-frontpage .secondary-nav__menu-link,
.path-frontpage .mobile-nav-button__label,
.path-frontpage .block-search-wide__wrapper,
.path-frontpage .block-search-wide__button {
  color: #fff;
}

.path-frontpage .primary-nav__menu-link-inner::after {
  border-top: solid 5px #fff;
}

.path-frontpage .is-overlay-active .mobile-nav-button__label {
  color: #000;
}

.path-frontpage .site-branding,
.path-frontpage .site-header__initial {
  background: transparent;
}

.path-frontpage .site-branding__name {
  font-size: 1.3rem;
}

.path-frontpage #block-futuresciencestheme-site-branding,
.path-frontpage .social-bar {
  display: none;
}

.path-frontpage #main-wrapper {
  width: 100vw;
  height: 100vh;
}

.path-frontpage .main-content__container.container,
.path-frontpage #block-futuresciencestheme-content,
.path-frontpage #content,
.path-frontpage .node__content.layout--content-narrow,
.path-frontpage .layout {
  margin: 0;
  padding: 0;
}

.path-frontpage .dark-mode .container,
.path-frontpage .dark-mode .title,
.path-frontpage .dark-mode h1,
.path-frontpage .dark-mode h2,
.path-frontpage .dark-mode h3,
.path-frontpage .dark-mode h4,
.path-frontpage .dark-mode h5,
.path-frontpage .dark-mode h6,
.path-frontpage .dark-mode .text-content,
.path-frontpage .dark-mode .page-wrapper,
.path-frontpage .dark-mode .header-nav,
.path-frontpage .dark-mode .site-header__inner {
  color: #fff !important;
  background-color: transparent !important;
}