body {
  margin: 0;
  padding: 0;
  width: 100vw;
  overflow-x: hidden;
}

#parallax-container {
  position: relative;
  overflow: hidden;
}



.goal .scrolling-compass {
  width: 10rem;
}

.goal .tdr_star {
  width: 5rem;
}

#parallax-container-compass .goals-compass {
  position: fixed;
  right: 10%;
  display: none;
  z-index: -1;
  bottom: 0%;
  width: 15rem;
  transform: translate(-50%, -40%);
}

.goals-compass.active {
  display: block;
}

#universe {
  width: 100vw;
  height: 100vh;
  z-index: -1;
  padding: 0;
  margin: 0;
  position: fixed;
}



.gradient {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}




.star, .constellation, .gradient, .setting, #goal1, #goal2, #goal3, #goal4, #goal5 {
  opacity: 0;
  transform-origin: center;
}

.constellation.active {
  opacity: 1;
}

.animation-delay {
  animation-delay: .5s;
}

.blink-image {
  -moz-animation: blink normal 5s infinite ease-in-out;
  -webkit-animation: blink normal 5s infinite ease-in-out;
  -ms-animation: blink normal 5s infinite ease-in-out;
  animation: blink normal 5s infinite ease-in-out;
}