html {
  box-shadow: 0 90px 90px rgb(0, 0, 0) inset, 0 -160px 200px rgb(0, 0, 0) inset !important;
}

body {
  background-color: #110f26;
  background-position: top;
  background-size: contain;
  background-attachment: scroll;
}

.star {
  position: absolute;
  background: white;
  border-radius: 50%;
  opacity: 0.25;
  animation: twinkle 4s infinite ease-in-out;
}

@keyframes twinkle {
  0%,
  100% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.3;
  }
}
.subsection {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  transform: translate3d(0, 0, 0);
  transform: translateZ(0);
  background: rgba(16, 17, 28, 0.833);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.154);
  border-style: outset;
  padding: 10px;
}

.subsection.no-transparency {
  background: rgba(8, 10, 28, 1);
}

.main-full-section-container {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  transform: translate3d(0, 0, 0);
  transform: translateZ(0);

  /* background: rgba(8, 10, 28, 0.462); */
  /* box-shadow: 0 0px 10px rgb(11, 12, 14); */
  /* filter: drop-shadow(0 0 0.1em rgba(0, 0, 0, 0.25)); */
  border: none;
  max-height: 100vh;
  height: 100vh;
}

.menu {
  background: rgb(8, 10, 28);
}