#wrapper {
  width: 100vw;
  height: 100vh;
  min-height: 600px;
  text-align: center;
  background: #000;
  position: relative;
}
#wrapper #moon {
  display: block;
  position: absolute;
  top: 15vh;
  left: 80vw;
  width: 100px;
  height: 100px;
  background: #001426;
  border-radius: 50%;
  z-index: 4;
}
#wrapper #moon:before {
  display: block;
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 50%;
  /*box-shadow: 21px 16px 2px 2px #fff;*/
  position: absolute;
  z-index: 5;
}
#wrapper #moon:after {
  display: block;
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 20px 15px 1px 1px #fff;
  position: absolute;
  z-index: 5;
  filter: blur(0px);
}
#skyContainer {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
#skyContainer.night {
  /*background: linear-gradient(to bottom, #001426 60%, #023756);*/
  background: linear-gradient(to bottom, #000 60%, #000);
}
#skyContainer .shootingStar {
  position: absolute;
  width: 60px;
  height: 2px;
  right: -100px;
  background: linear-gradient(to right, white 10%, rgba(255, 255, 255, 0.2) 20%, rgba(0, 0, 0, 0) 100%);
  z-index: 3;
}
#skyContainer .star {
  background: white;
  position: absolute;
  border-radius: 50%;
  webkit-box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.75);
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.star:nth-of-type(2n) {
  animation: twinkle linear 3.5s infinite;
}

.star:nth-of-type(6n) {
  animation: fader linear 1.5s infinite;
}

.shootAnim1 {
  animation: shootStar1 9s linear infinite;
  animation-delay: 8s;
}

@keyframes shootStar1 {
  0% {
    right: 39 -200px;
    top: 17vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 137vh;
  }
}
.shootAnim2 {
  animation: shootStar2 5s linear infinite;
  animation-delay: 6s;
}

@keyframes shootStar2 {
  0% {
    right: 88 -200px;
    top: -17vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 100vh;
  }
}
.shootAnim3 {
  animation: shootStar3 6s linear infinite;
  animation-delay: 11s;
}

@keyframes shootStar3 {
  0% {
    right: 52 -200px;
    top: 0vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 77vh;
  }
}
.shootAnim4 {
  animation: shootStar4 17s linear infinite;
  animation-delay: 4s;
}

@keyframes shootStar4 {
  0% {
    right: 28 -200px;
    top: 48vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 12vh;
  }
}
.shootAnim5 {
  animation: shootStar5 14s linear infinite;
  animation-delay: 8s;
}

@keyframes shootStar5 {
  0% {
    right: 100 -200px;
    top: -46vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 35vh;
  }
}
.shootAnim6 {
  animation: shootStar6 8s linear infinite;
  animation-delay: 5s;
}

@keyframes shootStar6 {
  0% {
    right: 30 -200px;
    top: 87vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 137vh;
  }
}
.shootAnim7 {
  animation: shootStar7 10s linear infinite;
  animation-delay: 5s;
}

@keyframes shootStar7 {
  0% {
    right: 93 -200px;
    top: 37vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 111vh;
  }
}
.shootAnim8 {
  animation: shootStar8 18s linear infinite;
  animation-delay: 9s;
}

@keyframes shootStar8 {
  0% {
    right: 39 -200px;
    top: 80vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 12vh;
  }
}
.shootAnim9 {
  animation: shootStar9 11s linear infinite;
  animation-delay: 7s;
}

@keyframes shootStar9 {
  0% {
    right: 67 -200px;
    top: -42vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 84vh;
  }
}
.shootAnim10 {
  animation: shootStar10 13s linear infinite;
  animation-delay: 13s;
}

@keyframes shootStar10 {
  0% {
    right: 35 -200px;
    top: -24vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 58vh;
  }
}
.shootAnim11 {
  animation: shootStar11 7s linear infinite;
  animation-delay: 10s;
}

@keyframes shootStar11 {
  0% {
    right: 35 -200px;
    top: 45vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 70vh;
  }
}
.shootAnim12 {
  animation: shootStar12 18s linear infinite;
  animation-delay: 8s;
}

@keyframes shootStar12 {
  0% {
    right: 7 -200px;
    top: -7vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 99vh;
  }
}
.shootAnim13 {
  animation: shootStar13 12s linear infinite;
  animation-delay: 8s;
}

@keyframes shootStar13 {
  0% {
    right: 55 -200px;
    top: -35vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 9vh;
  }
}
.shootAnim14 {
  animation: shootStar14 4s linear infinite;
  animation-delay: 13s;
}

@keyframes shootStar14 {
  0% {
    right: 98 -200px;
    top: 11vh;
  }
  30% {
    right: calc( 100% + 100px );
  }
  100% {
    right: calc( 100% + 100px );
    top: 107vh;
  }
}
@keyframes twinkle {
  0% {
    transform: scale(1, 1);
  }
  20% {
    transform: scale(0.3, 0.3);
  }
  30% {
    transform: scale(1, 1);
  }
  40% {
    transform: scale(0.5, 0.5);
  }
  60% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes fader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

span.star {
    padding-right: 0px; 
    padding-left: 0px; 
}