SOURCE

console 命令行工具 X clear

                    
>
console
(function () {
  var reset = function (e) {
    e.target.className = 'star';
    setTimeout(function () {
      e.target.className = 'star star--animated';
    }, 0);
  };
  var stars = document.querySelectorAll('.star');
  for (var i = 0; i < stars.length; i++) {
    stars[i].addEventListener('animationend', reset);
  }
})();
<!-- partial:index.partial.html -->
<div class="night-sky">
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="star star--animated"></div>
  <div class="night-sky__aurora night-sky__aurora--one"></div>
  <div class="night-sky__aurora night-sky__aurora--two"></div>
</div>
<div class="landscape">
  <div class="tent"></div>
  <div class="campfire">
    <div class="campfire__flame"></div>
    <div class="campfire__logs"></div>
  </div>
</div>
* {
  box-sizing: border-box;
}
.night-sky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(20deg, #000, #6c7a89);
}
.night-sky__aurora {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 3;
}
.night-sky__aurora--one {
  background: linear-gradient(20deg, transparent 20%, #00b16a 40%, transparent 60%);
}
.night-sky__aurora--two {
  background: linear-gradient(8deg, transparent 5%, #9a12b3 20%, transparent 40%);
}
.landscape {
  height: 50px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
}
.tent {
  height: 0;
  width: 100px;
  border-bottom: 40px solid #000;
  position: absolute;
  bottom: 80%;
  left: 100px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
}
.tent:after {
  content: '';
  height: 40px;
  width: 50px;
  display: block;
  border-left: 2px solid #000;
  -webkit-transform: skewX(-50deg);
          transform: skewX(-50deg);
  position: absolute;
  top: 0;
  left: -25px;
}
.tent:before {
  content: '';
  height: 40px;
  width: 50px;
  display: block;
  border-left: 2px solid #000;
  -webkit-transform: skewX(50deg);
          transform: skewX(50deg);
  position: absolute;
  top: 0;
  left: 62px;
}
.campfire__flame {
  background: #ffa500;
  height: 12px;
  width: 12px;
  position: absolute;
  bottom: 90%;
  left: 220px;
  z-index: 2;
  border-radius: 0 10px 10px 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: flicker 0.25s infinite linear;
          animation: flicker 0.25s infinite linear;
}
.campfire__flame:before {
  content: '';
  position: absolute;
  height: 2px;
  width: 2px;
  background-color: #ff0;
  top: 50%;
  left: 50%;
  margin-left: -1px;
  margin-top: -1px;
  z-index: 2;
  box-shadow: -10px -10px 0 0 #ffa500, -5px -10px 0 0 #ffa500, -10px -5px 0 0 #ffa500;
  -webkit-animation: spit 0.1s infinite linear;
          animation: spit 0.1s infinite linear;
}
.campfire__flame:after {
  content: '';
  position: absolute;
  height: 6px;
  width: 6px;
  background-color: #f00;
  top: 50%;
  margin-top: -3px;
  margin-left: -3px;
  left: 50%;
  border-radius: 0 4px 4px 4px;
}
.campfire__logs {
  width: 16px;
  height: 2px;
  background-color: #a52a2a;
  position: absolute;
  left: 218px;
}
.campfire__logs:after,
.campfire__logs:before {
  content: '';
  position: absolute;
  top: 0%;
  width: 100%;
  height: 2px;
  background-color: #a52a2a;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.campfire__logs:before {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.campfire__logs:after {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.star {
  position: absolute;
}
.star--animated {
  -webkit-animation: twinkle 0.5s;
          animation: twinkle 0.5s;
}
.star:nth-child(0) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 67vh;
  left: 11vw;
  -webkit-animation-delay: 43s;
          animation-delay: 43s;
}
.star:nth-child(0):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(0):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(1) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 67vh;
  left: 35vw;
  -webkit-animation-delay: 53s;
          animation-delay: 53s;
}
.star:nth-child(1):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(1):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(2) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 84vh;
  left: 100vw;
  -webkit-animation-delay: 29s;
          animation-delay: 29s;
}
.star:nth-child(2):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(2):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(3) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 3vh;
  left: 90vw;
  -webkit-animation-delay: 50s;
          animation-delay: 50s;
}
.star:nth-child(3):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(3):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(4) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 1vh;
  left: 86vw;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
.star:nth-child(4):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(4):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(5) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 20vh;
  left: 55vw;
  -webkit-animation-delay: 75s;
          animation-delay: 75s;
}
.star:nth-child(5):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(5):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(6) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 70vh;
  left: 85vw;
  -webkit-animation-delay: 55s;
          animation-delay: 55s;
}
.star:nth-child(6):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(6):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(7) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 46vh;
  left: 63vw;
  -webkit-animation-delay: 55s;
          animation-delay: 55s;
}
.star:nth-child(7):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(7):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(8) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 65vh;
  left: 13vw;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
}
.star:nth-child(8):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(8):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(9) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 69vh;
  left: 23vw;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
}
.star:nth-child(9):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(9):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(10) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 85vh;
  left: 9vw;
  -webkit-animation-delay: 68s;
          animation-delay: 68s;
}
.star:nth-child(10):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(10):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(11) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 81vh;
  left: 40vw;
  -webkit-animation-delay: 71s;
          animation-delay: 71s;
}
.star:nth-child(11):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(11):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(12) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 92vh;
  left: 19vw;
  -webkit-animation-delay: 14s;
          animation-delay: 14s;
}
.star:nth-child(12):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(12):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(13) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 84vh;
  left: 48vw;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
.star:nth-child(13):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(13):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(14) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 20vh;
  left: 43vw;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.star:nth-child(14):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(14):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(15) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 58vh;
  left: 44vw;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}
.star:nth-child(15):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(15):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(16) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 80vh;
  left: 25vw;
  -webkit-animation-delay: 72s;
          animation-delay: 72s;
}
.star:nth-child(16):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(16):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(17) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 54vh;
  left: 91vw;
  -webkit-animation-delay: 31s;
          animation-delay: 31s;
}
.star:nth-child(17):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(17):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(18) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 17vh;
  left: 10vw;
  -webkit-animation-delay: 66s;
          animation-delay: 66s;
}
.star:nth-child(18):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(18):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(19) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 72vh;
  left: 95vw;
  -webkit-animation-delay: 20s;
          animation-delay: 20s;
}
.star:nth-child(19):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(19):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(20) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 49vh;
  left: 61vw;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.star:nth-child(20):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(20):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(21) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 14vh;
  left: 0vw;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
.star:nth-child(21):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(21):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(22) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 37vh;
  left: 15vw;
  -webkit-animation-delay: 39s;
          animation-delay: 39s;
}
.star:nth-child(22):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(22):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(23) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 99vh;
  left: 13vw;
  -webkit-animation-delay: 75s;
          animation-delay: 75s;
}
.star:nth-child(23):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(23):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(24) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 29vh;
  left: 46vw;
  -webkit-animation-delay: 67s;
          animation-delay: 67s;
}
.star:nth-child(24):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(24):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(25) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 81vh;
  left: 45vw;
  -webkit-animation-delay: 40s;
          animation-delay: 40s;
}
.star:nth-child(25):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(25):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(26) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 26vh;
  left: 67vw;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
.star:nth-child(26):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(26):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(27) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 9vh;
  left: 34vw;
  -webkit-animation-delay: 72s;
          animation-delay: 72s;
}
.star:nth-child(27):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(27):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(28) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 85vh;
  left: 15vw;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
}
.star:nth-child(28):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(28):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(29) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 59vh;
  left: 76vw;
  -webkit-animation-delay: 27s;
          animation-delay: 27s;
}
.star:nth-child(29):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(29):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(30) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 28vh;
  left: 75vw;
  -webkit-animation-delay: 25s;
          animation-delay: 25s;
}
.star:nth-child(30):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(30):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(31) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 33vh;
  left: 37vw;
  -webkit-animation-delay: 26s;
          animation-delay: 26s;
}
.star:nth-child(31):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(31):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(32) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 8vh;
  left: 19vw;
  -webkit-animation-delay: 42s;
          animation-delay: 42s;
}
.star:nth-child(32):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(32):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(33) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 81vh;
  left: 61vw;
  -webkit-animation-delay: 28s;
          animation-delay: 28s;
}
.star:nth-child(33):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(33):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(34) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 56vh;
  left: 80vw;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}
.star:nth-child(34):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(34):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(35) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 88vh;
  left: 29vw;
  -webkit-animation-delay: 70s;
          animation-delay: 70s;
}
.star:nth-child(35):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(35):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(36) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 96vh;
  left: 62vw;
  -webkit-animation-delay: 58s;
          animation-delay: 58s;
}
.star:nth-child(36):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(36):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(37) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 24vh;
  left: 31vw;
  -webkit-animation-delay: 69s;
          animation-delay: 69s;
}
.star:nth-child(37):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(37):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(38) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 43vh;
  left: 60vw;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.star:nth-child(38):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(38):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(39) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 46vh;
  left: 40vw;
  -webkit-animation-delay: 72s;
          animation-delay: 72s;
}
.star:nth-child(39):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(39):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(40) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 50vh;
  left: 51vw;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.star:nth-child(40):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(40):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(41) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 53vh;
  left: 83vw;
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}
.star:nth-child(41):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(41):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(42) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 55vh;
  left: 3vw;
  -webkit-animation-delay: 14s;
          animation-delay: 14s;
}
.star:nth-child(42):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(42):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(43) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 42vh;
  left: 67vw;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
}
.star:nth-child(43):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(43):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(44) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 37vh;
  left: 7vw;
  -webkit-animation-delay: 74s;
          animation-delay: 74s;
}
.star:nth-child(44):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(44):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(45) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 58vh;
  left: 20vw;
  -webkit-animation-delay: 29s;
          animation-delay: 29s;
}
.star:nth-child(45):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(45):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(46) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 4vh;
  left: 72vw;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}
.star:nth-child(46):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(46):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(47) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 53vh;
  left: 69vw;
  -webkit-animation-delay: 48s;
          animation-delay: 48s;
}
.star:nth-child(47):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(47):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(48) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 52vh;
  left: 46vw;
  -webkit-animation-delay: 54s;
          animation-delay: 54s;
}
.star:nth-child(48):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(48):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(49) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 79vh;
  left: 9vw;
  -webkit-animation-delay: 26s;
          animation-delay: 26s;
}
.star:nth-child(49):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(49):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(50) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 51vh;
  left: 80vw;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
}
.star:nth-child(50):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(50):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(51) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 28vh;
  left: 55vw;
  -webkit-animation-delay: 74s;
          animation-delay: 74s;
}
.star:nth-child(51):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(51):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(52) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 19vh;
  left: 50vw;
  -webkit-animation-delay: 23s;
          animation-delay: 23s;
}
.star:nth-child(52):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(52):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(53) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 87vh;
  left: 48vw;
  -webkit-animation-delay: 66s;
          animation-delay: 66s;
}
.star:nth-child(53):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(53):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(54) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 94vh;
  left: 65vw;
  -webkit-animation-delay: 52s;
          animation-delay: 52s;
}
.star:nth-child(54):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(54):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(55) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 1vh;
  left: 1vw;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}
.star:nth-child(55):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(55):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(56) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 84vh;
  left: 90vw;
  -webkit-animation-delay: 73s;
          animation-delay: 73s;
}
.star:nth-child(56):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(56):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(57) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 69vh;
  left: 78vw;
  -webkit-animation-delay: 63s;
          animation-delay: 63s;
}
.star:nth-child(57):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(57):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(58) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 84vh;
  left: 15vw;
  -webkit-animation-delay: 51s;
          animation-delay: 51s;
}
.star:nth-child(58):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(58):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(59) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 47vh;
  left: 37vw;
  -webkit-animation-delay: 51s;
          animation-delay: 51s;
}
.star:nth-child(59):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(59):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(60) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 89vh;
  left: 36vw;
  -webkit-animation-delay: 59s;
          animation-delay: 59s;
}
.star:nth-child(60):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(60):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(61) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 48vh;
  left: 73vw;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
}
.star:nth-child(61):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(61):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(62) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 46vh;
  left: 42vw;
  -webkit-animation-delay: 69s;
          animation-delay: 69s;
}
.star:nth-child(62):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(62):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(63) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 88vh;
  left: 60vw;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
}
.star:nth-child(63):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(63):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(64) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 100vh;
  left: 1vw;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
}
.star:nth-child(64):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(64):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(65) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 40vh;
  left: 1vw;
  -webkit-animation-delay: 34s;
          animation-delay: 34s;
}
.star:nth-child(65):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(65):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(66) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 66vh;
  left: 64vw;
  -webkit-animation-delay: 52s;
          animation-delay: 52s;
}
.star:nth-child(66):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(66):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(67) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 40vh;
  left: 83vw;
  -webkit-animation-delay: 63s;
          animation-delay: 63s;
}
.star:nth-child(67):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(67):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(68) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 51vh;
  left: 12vw;
  -webkit-animation-delay: 64s;
          animation-delay: 64s;
}
.star:nth-child(68):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(68):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(69) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 28vh;
  left: 74vw;
  -webkit-animation-delay: 60s;
          animation-delay: 60s;
}
.star:nth-child(69):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(69):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(70) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 35vh;
  left: 46vw;
  -webkit-animation-delay: 46s;
          animation-delay: 46s;
}
.star:nth-child(70):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(70):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(71) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 83vh;
  left: 95vw;
  -webkit-animation-delay: 48s;
          animation-delay: 48s;
}
.star:nth-child(71):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(71):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(72) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 35vh;
  left: 87vw;
  -webkit-animation-delay: 51s;
          animation-delay: 51s;
}
.star:nth-child(72):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(72):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(73) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 10vh;
  left: 30vw;
  -webkit-animation-delay: 48s;
          animation-delay: 48s;
}
.star:nth-child(73):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(73):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(74) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 32vh;
  left: 75vw;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
}
.star:nth-child(74):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(74):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(75) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 52vh;
  left: 39vw;
  -webkit-animation-delay: 43s;
          animation-delay: 43s;
}
.star:nth-child(75):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(75):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(76) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 55vh;
  left: 8vw;
  -webkit-animation-delay: 47s;
          animation-delay: 47s;
}
.star:nth-child(76):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(76):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(77) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 54vh;
  left: 91vw;
  -webkit-animation-delay: 55s;
          animation-delay: 55s;
}
.star:nth-child(77):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(77):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(78) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 4vh;
  left: 40vw;
  -webkit-animation-delay: 72s;
          animation-delay: 72s;
}
.star:nth-child(78):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(78):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(79) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 87vh;
  left: 21vw;
  -webkit-animation-delay: 74s;
          animation-delay: 74s;
}
.star:nth-child(79):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(79):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(80) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 52vh;
  left: 40vw;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
}
.star:nth-child(80):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(80):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(81) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 35vh;
  left: 40vw;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.star:nth-child(81):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(81):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(82) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 79vh;
  left: 18vw;
  -webkit-animation-delay: 22s;
          animation-delay: 22s;
}
.star:nth-child(82):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(82):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(83) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 84vh;
  left: 75vw;
  -webkit-animation-delay: 21s;
          animation-delay: 21s;
}
.star:nth-child(83):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(83):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(84) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 26vh;
  left: 90vw;
  -webkit-animation-delay: 42s;
          animation-delay: 42s;
}
.star:nth-child(84):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(84):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(85) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 33vh;
  left: 65vw;
  -webkit-animation-delay: 34s;
          animation-delay: 34s;
}
.star:nth-child(85):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(85):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(86) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 91vh;
  left: 2vw;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
}
.star:nth-child(86):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(86):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(87) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 73vh;
  left: 60vw;
  -webkit-animation-delay: 48s;
          animation-delay: 48s;
}
.star:nth-child(87):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(87):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(88) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 68vh;
  left: 97vw;
  -webkit-animation-delay: 28s;
          animation-delay: 28s;
}
.star:nth-child(88):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(88):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(89) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 32vh;
  left: 62vw;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
}
.star:nth-child(89):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(89):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(90) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 37vh;
  left: 86vw;
  -webkit-animation-delay: 53s;
          animation-delay: 53s;
}
.star:nth-child(90):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(90):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(91) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 11vh;
  left: 65vw;
  -webkit-animation-delay: 39s;
          animation-delay: 39s;
}
.star:nth-child(91):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(91):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(92) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 51vh;
  left: 99vw;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
}
.star:nth-child(92):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(92):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(93) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 94vh;
  left: 69vw;
  -webkit-animation-delay: 32s;
          animation-delay: 32s;
}
.star:nth-child(93):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(93):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(94) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 40vh;
  left: 20vw;
  -webkit-animation-delay: 33s;
          animation-delay: 33s;
}
.star:nth-child(94):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(94):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(95) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 11vh;
  left: 5vw;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
}
.star:nth-child(95):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(95):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(96) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 59vh;
  left: 57vw;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}
.star:nth-child(96):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(96):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(97) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 21vh;
  left: 55vw;
  -webkit-animation-delay: 53s;
          animation-delay: 53s;
}
.star:nth-child(97):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(97):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(98) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 14vh;
  left: 17vw;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.star:nth-child(98):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(98):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(99) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 73vh;
  left: 89vw;
  -webkit-animation-delay: 27s;
          animation-delay: 27s;
}
.star:nth-child(99):before {
  border-bottom: 1.6px solid #ff0;
  border-left: 0.6px solid transparent;
  border-right: 0.6px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.9px;
  left: -1.3px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(99):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.06px;
  left: -2.1px;
  width: 0px;
  height: 0px;
  border-right: 2px solid transparent;
  border-bottom: 1.4px solid #ff0;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
.star:nth-child(100) {
  position: relative;
  display: block;
  color: #ff0;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  top: 100vh;
  left: 80vw;
  -webkit-animation-delay: 41s;
          animation-delay: 41s;
}
.star:nth-child(100):before {
  border-bottom: 0.8px solid #ff0;
  border-left: 0.3px solid transparent;
  border-right: 0.3px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -0.45px;
  left: -0.65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:nth-child(100):after {
  position: absolute;
  display: block;
  color: #ff0;
  top: 0.03px;
  left: -1.05px;
  width: 0px;
  height: 0px;
  border-right: 1px solid transparent;
  border-bottom: 0.7px solid #ff0;
  border-left: 1px solid transparent;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  content: '';
}
body {
  overflow: hidden;
}
@-webkit-keyframes spit {
  0% {
    box-shadow: -10px -10px 0 0 #ffa500, -5px -10px 0 0 #ffa500, -10px -5px 0 0 #ffa500;
  }
  25% {
    box-shadow: -10px -10px 0 -10px #ffa500, -5px -10px 0 0 #ffa500, -10px -5px 0 0 #ffa500;
  }
  50% {
    box-shadow: -10px -10px 0 0 #ffa500, -5px -10px 0 -10px #ffa500, -10px -5px 0 0 #ffa500;
  }
  75% {
    box-shadow: -10px -10px 0 0 #ffa500, -5px -10px 0 0 #ffa500, -10px -5px 0 -10px #ffa500;
  }
  100% {
    box-shadow: -10px -10px 0 0 #ffa500, -5px -10px 0 0 #ffa500, -10px -5px 0 0 #ffa500;
  }
}
@keyframes spit {
  0% {
    box-shadow: -10px -10px 0 0 #ffa500, -5px -10px 0 0 #ffa500, -10px -5px 0 0 #ffa500;
  }
  25% {
    box-shadow: -10px -10px 0 -10px #ffa500, -5px -10px 0 0 #ffa500, -10px -5px 0 0 #ffa500;
  }
  50% {
    box-shadow: -10px -10px 0 0 #ffa500, -5px -10px 0 -10px #ffa500, -10px -5px 0 0 #ffa500;
  }
  75% {
    box-shadow: -10px -10px 0 0 #ffa500, -5px -10px 0 0 #ffa500, -10px -5px 0 -10px #ffa500;
  }
  100% {
    box-shadow: -10px -10px 0 0 #ffa500, -5px -10px 0 0 #ffa500, -10px -5px 0 0 #ffa500;
  }
}
@-webkit-keyframes flicker {
  from {
    -webkit-transform: rotate(35deg);
            transform: rotate(35deg);
  }
  to {
    -webkit-transform: rotate(55deg);
            transform: rotate(55deg);
  }
}
@keyframes flicker {
  from {
    -webkit-transform: rotate(35deg);
            transform: rotate(35deg);
  }
  to {
    -webkit-transform: rotate(55deg);
            transform: rotate(55deg);
  }
}
@-webkit-keyframes twinkle {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes twinkle {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}