body {
  font-family: 'Oswald', sans-serif;
}
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

button {
  border: 0;
  background: none;
}

.container {
  position: relative;
  height: 100%;
  text-align: center;
  display: none;
}

.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}

.header {
  position: fixed;
  top: 40px; /* distance from top of page */
  left: 40px;
  text-align: left;
  z-index: 10;
}

.header h1 {
  margin: 0 0 40px 0; /* bottom margin adds 20px gap below name */
  font-size: 24px;
  color: white;
}

.nav-link {
  display: block;
  margin-top: 6px; /* space between each link */
  font-size: 20px;
  color: white;
  text-decoration: none;
}

.nav-link:hover {
  text-decoration: underline;
}

.gallery_container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.gallery_container .gallery_content {
  position: absolute;
  z-index: 9;
  width: 75vw;
  height: 75vh;
}
.gallery_container #the-silver-screen_content, .gallery_container #mock-suns_content, .gallery_container #alteration-generale_content, .gallery_container #matters-in-the-end_content {
  display: none;
}

.swiper {
  width: 100%;
  height: 100%;
  outline: none !important;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  outline: 0 !important;
}

.swiper-slide {
  overflow: hidden;
}

.slides-container {
  display: flex;
  overflow: hidden; /* Hide non-active slides */
  position: relative;
}

.slide {
  display: none; /* Hide all slides by default */
  width: 100%;
  /* Transition effects would go here */
}

.slide.active {
  display: block; /* Show only the active slide */
}

.swiper-slide img {
  width: 100%;
  height: auto;
}

.swiper-button-next,
.swiper-button-prev {
  height: 100% !important;
  top: 0 !important;
  width: 25% !important;
  margin-top: 0 !important;
}
.swiper-button-next::after, .swiper-button-next:focus-visible,
.swiper-button-prev::after,
.swiper-button-prev:focus-visible {
  outline: 0px !important;
  outline-offset: 0px !important;
}/*# sourceMappingURL=style.css.map */