* {
  box-sizing: border-box;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

section .parallaximg {
  position: relative;
  width: 100%;
}
section .parallaximg-container {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
section .parallaximg-container img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(1.4);
  transform-origin: 50% 50%;
}

.hamburguer {
  position: absolute;
  display: flex;
  justify-content: space-between;
  border: 0;
  z-index: 999;
  padding: 23px;
  cursor: pointer;
  outline: none;
}
.hamburguer .bread {
  transition: 0.2s;
}

nav {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100vh;
  z-index: 999;
  background-image: url(../../img/Rectangle\ 119.png);
  background-repeat: no-repeat;
  background-size: cover;
  transition-duration: 0.5s;
  backface-visibility: none;
}
nav ul {
  width: 100%;
  height: 90vh;
  max-height: 90vh;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  padding-top: 20%;
  text-align: center;
  list-style: none;
}
nav ul li a {
  display: block;
  padding: 10px 0;
  transition-duration: 0.6s;
  font-family: Cinzel;
  text-transform: uppercase;
  text-align: start;
  font-size: 8vw;
  color: #1E1E1E;
  text-decoration: none;
  border-bottom: 2px solid #FFF;
}
nav ul li a:hover {
  cursor: pointer;
  color: gold;
}

.open {
  visibility: visible;
  opacity: 1;
}

@keyframes slideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
}
#loader .loader-slide {
  width: 100%;
  height: 100%;
  background-color: rgba(13, 23, 54, 1) !important;
}
#loader .loader-slide.open {
  animation-name: slideOut;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-delay: 1s;
}

#app {
  position: relative;
  width: 100%;
  height: 100vh;
}
#app h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #a8aabc;
  font-size: 3em;
}