.star-container {
  height: 6000px;
  background: #000;
  position: relative;
}

.planet {
  position: absolute;
  z-index: 2 /* Os planetas ficam sobre as estrelas */
}

.star {
  position: absolute;
  width: 1px;
  height: 1px;
  background: #fff;
  z-index: 1; /* As estrelas ficam no fundo */
}

.text {
  color: white;
  width: 150px;
  white-space: pre-wrap;
  text-decoration: underline;
  text-underline-offset: 0.4rem;
  text-shadow: 2px 2px #000;
}

#spaceship {
  box-shadow: 0 0 0 0.25em #fff, 0 0.25em 0 0.25em #fff,
    -0.625em 0.375em 0 0.125em #fff, 0.625em 0.375em 0 0.125em #fff,
    -0.75em -0.75em 0 0em #fff, 0.75em -0.75em 0 0em #fff,
    -0.5em -0.5em 0 0 #fff, 0.5em -0.5em 0 0 #fff, -0.75em -0.25em 0 0em #fff,
    -0.5em -0.25em 0 0em #fff, 0.5em -0.25em 0 0em #fff,
    0.75em -0.25em 0 0em #fff, -1em 0 0 0 #fff, -0.75em 0 0 0 #fff,
    0.75em 0 0 0 #fff, 1em 0 0 0 #fff, -1.25em 0.25em 0 0 #fff,
    -1em 0.25em 0 0 #fff, 1em 0.25em 0 0 #fff, 1.25em 0.25em 0 0 #fff,
    -1.25em 0.5em 0 0 #fff, 1.25em 0.5em 0 0 #fff, -1.25em 0.75em 0 0 #fff,
    -0.75em 0.75em 0 0 #fff, 0.75em 0.75em 0 0 #fff, 1.25em 0.75em 0 0 #fff,
    -0.5em 1em 0 0 #fff, -0.25em 1em 0 0 #fff, 0.25em 1em 0 0 #fff,
    0.5em 1em 0 0 #fff;

  width: 0.25em;
  height: 0.25em;

  background: #fff;
  overflow: hidden;
  margin: 25px auto 35px auto;
  position: absolute;
  left: -2em;
  top: 28em;
  z-index: 3;
}

#planet10 {
  width: 200px !important;
  height: 240px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 100px 0 200px !important;
}

#planet10 .text {
  left: 70px !important;
  top: 50px !important;
}

#planet10 img {
  width: 100px !important;
  height: 100px !important;
}

#svgMoon {
  position: absolute;
}

#moonPath {
  fill: none;
  stroke-width: 0;
  stroke: rgb(30, 30, 30);
}

#moon {
  width: 30px;
  height: 30px;
  background: url("../img/moon.png") no-repeat center center;
  background-size: cover;
  position: absolute;
  z-index: 100;
}