main {
  position: absolute;
  -webkit-animation: stars linear infinite;
          animation: stars linear infinite;
  -webkit-transform-origin: 0.5vh 1vh;
          transform-origin: 0.5vh 1vh;
}

main:nth-child(0) {
  top: 94vh;
  left: 18vw;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
}

main:nth-child(1) {
  top: 2vh;
  left: 22vw;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

main:nth-child(2) {
  top: 19vh;
  left: 12vw;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
}

main:nth-child(3) {
  top: 5vh;
  left: 54vw;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-delay: -8s;
          animation-delay: -8s;
}

main:nth-child(4) {
  top: 50vh;
  left: 87vw;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
  -webkit-animation-delay: -8s;
          animation-delay: -8s;
}

main:nth-child(5) {
  top: 37vh;
  left: 41vw;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

main:nth-child(6) {
  top: 75vh;
  left: 36vw;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

main:nth-child(7) {
  top: 54vh;
  left: 95vw;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-delay: -7s;
          animation-delay: -7s;
}

main:nth-child(8) {
  top: 65vh;
  left: 18vw;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
}

main:nth-child(9) {
  top: 6vh;
  left: 53vw;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}

main:nth-child(10) {
  top: 52vh;
  left: 76vw;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

main:nth-child(11) {
  top: 32vh;
  left: 76vw;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

main:nth-child(12) {
  top: 90vh;
  left: 80vw;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

main:nth-child(13) {
  top: 17vh;
  left: 9vw;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
}

main:nth-child(14) {
  top: 38vh;
  left: 43vw;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-delay: -7s;
          animation-delay: -7s;
}

main:nth-child(15) {
  top: 97vh;
  left: 23vw;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-delay: -9s;
          animation-delay: -9s;
}

main:nth-child(16) {
  top: 44vh;
  left: 8vw;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-delay: -9s;
          animation-delay: -9s;
}

main:nth-child(17) {
  top: 9vh;
  left: 29vw;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-delay: -8s;
          animation-delay: -8s;
}

main:nth-child(18) {
  top: 86vh;
  left: 44vw;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

main:nth-child(19) {
  top: 17vh;
  left: 62vw;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
}

main:nth-child(20) {
  top: 12vh;
  left: 57vw;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}

@-webkit-keyframes stars {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes stars {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
main div {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 0.5vh solid transparent;
  border-right: 0.5vh solid transparent;
  border-top: none;
  border-bottom: 2vh solid yellow;
  -webkit-transform: translateY(-1vh);
          transform: translateY(-1vh);
}

div:nth-of-type(1) {
  -webkit-transform: rotate(72deg) translateY(-1vh);
          transform: rotate(72deg) translateY(-1vh);
}

div:nth-of-type(2) {
  -webkit-transform: rotate(144deg) translateY(-1vh);
          transform: rotate(144deg) translateY(-1vh);
}

div:nth-of-type(3) {
  -webkit-transform: rotate(216deg) translateY(-1vh);
          transform: rotate(216deg) translateY(-1vh);
}

div:nth-of-type(4) {
  -webkit-transform: rotate(288deg) translateY(-1vh);
          transform: rotate(288deg) translateY(-1vh);
}