#parallax-container-skyline-universe {
}

#parallax-container {
  /* position: relative; */
  overflow: hidden;
  text-align: center;
  color: white;
}


#skyline-universe {
  min-width: 100vw;
  width: auto;
  /* height: 90vh; */
  padding: 0;
  position: fixed;
  z-index: -1;
  background: #0f2b65;
  bottom: 0;
  top:0;
  right:0;


}




/* #skyline-universe svg {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  height:100vh;
} */

#inguz-container {
  height: 90vh;
}

#skyline-universe-compass {
  width: 16rem;
}

svg#skyline-universe-compass #inguz-compass {
  opacity: 0.16;
}

svg#skyline-universe-compass #Livello_3 {
  opacity: 0.26;
}

svg#skyline-universe-compass path#inguz {
  stroke-dasharray: 40.4;
  animation: draw 5s infinite;
  opacity: 1;
}

.translate_rotate {
  transform-origin: 50% 250%;
}

.opacity {
  opacity: 0;
}

.full-screen {
  width: 100vw;
  height: 100vh;
}

#comet {
  transform: translate(200px, -500px);
}

#stars-group-2 {
  transform: translate(-800px, -200px);
}

.stars-group {
  transition-duration: 100ms;
  scale: 120%;
}

@keyframes draw {
  from {
    stroke-dashoffset: -40.4;
  }
  to {
    stroke-dashoffset: 0;
  }
}