.stars {
  height: 100vh;
  position: absolute;
  width: 100vw;
  top: 0;
  z-index: -1;
}

.stars .container {
  position: absolute;
  animation: stars linear infinite;
}
.stars .container .star {
  animation: twinkle linear infinite;
  border-radius: 100%;
  transform: translateZ(0);
}
.stars .container:nth-child(0) {
  width: 2px;
  height: 2px;
  left: 53vw;
  animation-delay: -998.4s;
  animation-duration: 76.7s;
}
.stars .container:nth-child(0) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.2s;
  animation-duration: 43.7s;
  background: #ebe590;
}
.stars .container:nth-child(1) {
  width: 1px;
  height: 1px;
  left: 81vw;
  animation-delay: -995s;
  animation-duration: 226s;
}
.stars .container:nth-child(1) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.9s;
  animation-duration: 16.9s;
  background: rgba(229, 161, 144, 0.7);
}
.stars .container:nth-child(2) {
  width: 2px;
  height: 2px;
  left: 47vw;
  animation-delay: -992.4s;
  animation-duration: 183.4s;
}
.stars .container:nth-child(2) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.6s;
  animation-duration: 29.1s;
  background: rgba(207, 209, 205, 0.7);
}
.stars .container:nth-child(3) {
  width: 3px;
  height: 3px;
  left: 99.5vw;
  animation-delay: -994.4666666666667s;
  animation-duration: 84.2s;
}
.stars .container:nth-child(3) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.5s;
  animation-duration: 25.9s;
  background: #e7d4c9;
}
.stars .container:nth-child(4) {
  width: 3px;
  height: 3px;
  left: 12.5vw;
  animation-delay: -996.1333333333333s;
  animation-duration: 62.13333333333333s;
}
.stars .container:nth-child(4) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.9s;
  animation-duration: 38.4s;
  background: #d79aeb;
}
.stars .container:nth-child(5) {
  width: 3px;
  height: 3px;
  left: 11.5vw;
  animation-delay: -998.2666666666667s;
  animation-duration: 131.73333333333332s;
}
.stars .container:nth-child(5) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.7s;
  animation-duration: 27.5s;
  background: rgba(255, 252, 229, 0.7);
}
.stars .container:nth-child(6) {
  width: 1px;
  height: 1px;
  left: 50vw;
  animation-delay: -985.4s;
  animation-duration: 180s;
}
.stars .container:nth-child(6) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42s;
  animation-duration: 25.1s;
  background: rgba(250, 155, 152, 0.9);
}
.stars .container:nth-child(7) {
  width: 1px;
  height: 1px;
  left: 37vw;
  animation-delay: -999.8s;
  animation-duration: 62.2s;
}
.stars .container:nth-child(7) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.3s;
  animation-duration: 34.3s;
  background: #cdb481;
}
.stars .container:nth-child(8) {
  width: 2px;
  height: 2px;
  left: 0.5vw;
  animation-delay: -994.7s;
  animation-duration: 55.7s;
}
.stars .container:nth-child(8) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.9s;
  animation-duration: 12.1s;
  background: rgba(247, 227, 168, 0.9);
}
.stars .container:nth-child(9) {
  width: 1px;
  height: 1px;
  left: 95.5vw;
  animation-delay: -989.8s;
  animation-duration: 198.4s;
}
.stars .container:nth-child(9) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.1s;
  animation-duration: 6.9s;
  background: rgba(223, 242, 200, 0.8);
}
.stars .container:nth-child(10) {
  width: 1px;
  height: 1px;
  left: 82.5vw;
  animation-delay: -990.6s;
  animation-duration: 262.6s;
}
.stars .container:nth-child(10) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.2s;
  animation-duration: 24.2s;
  background: rgba(213, 177, 153, 0.7);
}
.stars .container:nth-child(11) {
  width: 2px;
  height: 2px;
  left: 95vw;
  animation-delay: -990.7s;
  animation-duration: 109.5s;
}
.stars .container:nth-child(11) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.3s;
  animation-duration: 46.4s;
  background: rgba(207, 247, 136, 0.9);
}
.stars .container:nth-child(12) {
  width: 1px;
  height: 1px;
  left: 75vw;
  animation-delay: -998s;
  animation-duration: 395s;
}
.stars .container:nth-child(12) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.4s;
  animation-duration: 31.9s;
  background: rgba(228, 171, 109, 0.9);
}
.stars .container:nth-child(13) {
  width: 1px;
  height: 1px;
  left: 68.5vw;
  animation-delay: -983s;
  animation-duration: 77s;
}
.stars .container:nth-child(13) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.2s;
  animation-duration: 30.3s;
  background: rgba(228, 189, 162, 0.7);
}
.stars .container:nth-child(14) {
  width: 1px;
  height: 1px;
  left: 41.5vw;
  animation-delay: -988.4s;
  animation-duration: 174.4s;
}
.stars .container:nth-child(14) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41s;
  animation-duration: 16s;
  background: #f8de76;
}
.stars .container:nth-child(15) {
  width: 2px;
  height: 2px;
  left: 38vw;
  animation-delay: -995.8s;
  animation-duration: 92.2s;
}
.stars .container:nth-child(15) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.4s;
  animation-duration: 17.4s;
  background: rgba(207, 218, 146, 0.7);
}
.stars .container:nth-child(16) {
  width: 1px;
  height: 1px;
  left: 85vw;
  animation-delay: -984.6s;
  animation-duration: 296.6s;
}
.stars .container:nth-child(16) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42s;
  animation-duration: 27.3s;
  background: rgba(211, 196, 219, 0.9);
}
.stars .container:nth-child(17) {
  width: 3px;
  height: 3px;
  left: 12.5vw;
  animation-delay: -995.4s;
  animation-duration: 33.733333333333334s;
}
.stars .container:nth-child(17) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.4s;
  animation-duration: 46s;
  background: rgba(242, 165, 210, 0.7);
}
.stars .container:nth-child(18) {
  width: 3px;
  height: 3px;
  left: 61vw;
  animation-delay: -993.6666666666666s;
  animation-duration: 47.26666666666667s;
}
.stars .container:nth-child(18) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.3s;
  animation-duration: 37.2s;
  background: #e6bb7e;
}
.stars .container:nth-child(19) {
  width: 1px;
  height: 1px;
  left: 90.5vw;
  animation-delay: -997s;
  animation-duration: 165.8s;
}
.stars .container:nth-child(19) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.6s;
  animation-duration: 41.7s;
  background: #c8e7c2;
}
.stars .container:nth-child(20) {
  width: 1px;
  height: 1px;
  left: 27vw;
  animation-delay: -994.8s;
  animation-duration: 329.2s;
}
.stars .container:nth-child(20) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.6s;
  animation-duration: 10.3s;
  background: rgba(255, 250, 217, 0.8);
}
.stars .container:nth-child(21) {
  width: 3px;
  height: 3px;
  left: 4.5vw;
  animation-delay: -997.3333333333334s;
  animation-duration: 124.93333333333334s;
}
.stars .container:nth-child(21) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45s;
  animation-duration: 20.8s;
  background: rgba(234, 195, 130, 0.9);
}
.stars .container:nth-child(22) {
  width: 2px;
  height: 2px;
  left: 88.5vw;
  animation-delay: -991.9s;
  animation-duration: 82.9s;
}
.stars .container:nth-child(22) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.6s;
  animation-duration: 47.7s;
  background: #cdc491;
}
.stars .container:nth-child(23) {
  width: 3px;
  height: 3px;
  left: 61vw;
  animation-delay: -994.3333333333334s;
  animation-duration: 67.86666666666666s;
}
.stars .container:nth-child(23) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.5s;
  animation-duration: 30.7s;
  background: rgba(251, 233, 239, 0.9);
}
.stars .container:nth-child(24) {
  width: 3px;
  height: 3px;
  left: 64vw;
  animation-delay: -993.6s;
  animation-duration: 18.2s;
}
.stars .container:nth-child(24) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.1s;
  animation-duration: 42.6s;
  background: rgba(205, 171, 01AEFA, 0.9);
}
.stars .container:nth-child(25) {
  width: 3px;
  height: 3px;
  left: 28vw;
  animation-delay: -996.8s;
  animation-duration: 26.599999999999998s;
}
.stars .container:nth-child(25) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.5s;
  animation-duration: 43s;
  background: rgba(253, 231, 104, 0.7);
}
.stars .container:nth-child(26) {
  width: 2px;
  height: 2px;
  left: 72.5vw;
  animation-delay: -993.8s;
  animation-duration: 78.5s;
}
.stars .container:nth-child(26) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48s;
  animation-duration: 20.2s;
  background: #e5a386;
}
.stars .container:nth-child(27) {
  width: 3px;
  height: 3px;
  left: 46.5vw;
  animation-delay: -995.2s;
  animation-duration: 68.8s;
}
.stars .container:nth-child(27) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.4s;
  animation-duration: 40.5s;
  background: rgba(211, 241, 218, 0.9);
}
.stars .container:nth-child(28) {
  width: 1px;
  height: 1px;
  left: 85vw;
  animation-delay: -992.8s;
  animation-duration: 77s;
}
.stars .container:nth-child(28) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.6s;
  animation-duration: 13.3s;
  background: rgba(245, 161, 182, 0.7);
}
.stars .container:nth-child(29) {
  width: 1px;
  height: 1px;
  left: 36vw;
  animation-delay: -987.6s;
  animation-duration: 297.6s;
}
.stars .container:nth-child(29) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.3s;
  animation-duration: 34.8s;
  background: rgba(226, 209, 215, 0.8);
}
.stars .container:nth-child(30) {
  width: 3px;
  height: 3px;
  left: 42vw;
  animation-delay: -996.3333333333334s;
  animation-duration: 49.73333333333333s;
}
.stars .container:nth-child(30) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.6s;
  animation-duration: 19.6s;
  background: rgba(217, 157, 196, 0.9);
}
.stars .container:nth-child(31) {
  width: 2px;
  height: 2px;
  left: 5.5vw;
  animation-delay: -991.2s;
  animation-duration: 164.4s;
}
.stars .container:nth-child(31) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.7s;
  animation-duration: 47.4s;
  background: #dbc473;
}
.stars .container:nth-child(32) {
  width: 2px;
  height: 2px;
  left: 65.5vw;
  animation-delay: -990.5s;
  animation-duration: 167.7s;
}
.stars .container:nth-child(32) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.7s;
  animation-duration: 13.6s;
  background: #cee3cc;
}
.stars .container:nth-child(33) {
  width: 3px;
  height: 3px;
  left: 14.5vw;
  animation-delay: -994.8s;
  animation-duration: 109.2s;
}
.stars .container:nth-child(33) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.4s;
  animation-duration: 39.8s;
  background: #f8f7fa;
}
.stars .container:nth-child(34) {
  width: 3px;
  height: 3px;
  left: 70vw;
  animation-delay: -995.3333333333334s;
  animation-duration: 88.46666666666665s;
}
.stars .container:nth-child(34) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.5s;
  animation-duration: 46s;
  background: rgba(240, 189, 249, 0.7);
}
.stars .container:nth-child(35) {
  width: 3px;
  height: 3px;
  left: 55.5vw;
  animation-delay: -995.6s;
  animation-duration: 79.86666666666666s;
}
.stars .container:nth-child(35) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.1s;
  animation-duration: 9.3s;
  background: rgba(229, 225, 247, 0.7);
}
.stars .container:nth-child(36) {
  width: 1px;
  height: 1px;
  left: 31.5vw;
  animation-delay: -998.4s;
  animation-duration: 175.2s;
}
.stars .container:nth-child(36) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.1s;
  animation-duration: 38.1s;
  background: rgba(221, 191, 193, 0.8);
}
.stars .container:nth-child(37) {
  width: 2px;
  height: 2px;
  left: 92.5vw;
  animation-delay: -996s;
  animation-duration: 110.4s;
}
.stars .container:nth-child(37) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41s;
  animation-duration: 35.2s;
  background: rgba(241, 242, 164, 0.9);
}
.stars .container:nth-child(38) {
  width: 1px;
  height: 1px;
  left: 25.5vw;
  animation-delay: -987.6s;
  animation-duration: 68.6s;
}
.stars .container:nth-child(38) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.5s;
  animation-duration: 20.7s;
  background: rgba(201, 204, 181, 0.9);
}
.stars .container:nth-child(39) {
  width: 1px;
  height: 1px;
  left: 63vw;
  animation-delay: -986.6s;
  animation-duration: 302.8s;
}
.stars .container:nth-child(39) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.8s;
  animation-duration: 33.3s;
  background: rgba(233, 213, 144, 0.9);
}
.stars .container:nth-child(40) {
  width: 1px;
  height: 1px;
  left: 48vw;
  animation-delay: -983.6s;
  animation-duration: 355.4s;
}
.stars .container:nth-child(40) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.5s;
  animation-duration: 29.5s;
  background: #cc97b2;
}
.stars .container:nth-child(41) {
  width: 3px;
  height: 3px;
  left: 9.5vw;
  animation-delay: -997s;
  animation-duration: 01AEFA.2s;
}
.stars .container:nth-child(41) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.7s;
  animation-duration: 11.2s;
  background: rgba(204, 245, 181, 0.8);
}
.stars .container:nth-child(42) {
  width: 2px;
  height: 2px;
  left: 35.5vw;
  animation-delay: -999s;
  animation-duration: 76.4s;
}
.stars .container:nth-child(42) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.8s;
  animation-duration: 11.7s;
  background: #d2ff85;
}
.stars .container:nth-child(43) {
  width: 1px;
  height: 1px;
  left: 90.5vw;
  animation-delay: -987.4s;
  animation-duration: 268.2s;
}
.stars .container:nth-child(43) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.8s;
  animation-duration: 22s;
  background: rgba(243, 247, 159, 0.8);
}
.stars .container:nth-child(44) {
  width: 2px;
  height: 2px;
  left: 88vw;
  animation-delay: -993.4s;
  animation-duration: 197.1s;
}
.stars .container:nth-child(44) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48s;
  animation-duration: 40.3s;
  background: rgba(221, 233, 237, 0.9);
}
.stars .container:nth-child(45) {
  width: 2px;
  height: 2px;
  left: 7vw;
  animation-delay: -994.1s;
  animation-duration: 50s;
}
.stars .container:nth-child(45) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.1s;
  animation-duration: 32.5s;
  background: rgba(212, 217, 129, 0.8);
}
.stars .container:nth-child(46) {
  width: 3px;
  height: 3px;
  left: 22.5vw;
  animation-delay: -998.6666666666666s;
  animation-duration: 86.73333333333333s;
}
.stars .container:nth-child(46) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.7s;
  animation-duration: 34.4s;
  background: rgba(233, 206, 195, 0.7);
}
.stars .container:nth-child(47) {
  width: 2px;
  height: 2px;
  left: 63vw;
  animation-delay: -991.2s;
  animation-duration: 146.1s;
}
.stars .container:nth-child(47) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.1s;
  animation-duration: 24.1s;
  background: #e9d6b6;
}
.stars .container:nth-child(48) {
  width: 1px;
  height: 1px;
  left: 6vw;
  animation-delay: -995s;
  animation-duration: 62.6s;
}
.stars .container:nth-child(48) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.2s;
  animation-duration: 5.1s;
  background: rgba(213, 250, 109, 0.7);
}
.stars .container:nth-child(49) {
  width: 3px;
  height: 3px;
  left: 92vw;
  animation-delay: -995.0666666666667s;
  animation-duration: 82.26666666666667s;
}
.stars .container:nth-child(49) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.2s;
  animation-duration: 44.7s;
  background: #ea9ee7;
}
.stars .container:nth-child(50) {
  width: 1px;
  height: 1px;
  left: 83.5vw;
  animation-delay: -997.4s;
  animation-duration: 369.4s;
}
.stars .container:nth-child(50) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.8s;
  animation-duration: 36.8s;
  background: rgba(254, 179, 119, 0.9);
}
.stars .container:nth-child(51) {
  width: 2px;
  height: 2px;
  left: 43.5vw;
  animation-delay: -994.7s;
  animation-duration: 192.1s;
}
.stars .container:nth-child(51) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.9s;
  animation-duration: 46.9s;
  background: rgba(225, 168, 137, 0.7);
}
.stars .container:nth-child(52) {
  width: 2px;
  height: 2px;
  left: 24vw;
  animation-delay: -997.1s;
  animation-duration: 136.6s;
}
.stars .container:nth-child(52) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.2s;
  animation-duration: 16.7s;
  background: #f5ee72;
}
.stars .container:nth-child(53) {
  width: 2px;
  height: 2px;
  left: 28vw;
  animation-delay: -992.9s;
  animation-duration: 43.9s;
}
.stars .container:nth-child(53) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.9s;
  animation-duration: 28.2s;
  background: rgba(222, 165, 199, 0.9);
}
.stars .container:nth-child(54) {
  width: 1px;
  height: 1px;
  left: 2.5vw;
  animation-delay: -984.2s;
  animation-duration: 45s;
}
.stars .container:nth-child(54) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.3s;
  animation-duration: 30.3s;
  background: #d8b9b2;
}
.stars .container:nth-child(55) {
  width: 2px;
  height: 2px;
  left: 62vw;
  animation-delay: -994.7s;
  animation-duration: 197.9s;
}
.stars .container:nth-child(55) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.1s;
  animation-duration: 45.6s;
  background: rgba(207, 218, 195, 0.8);
}
.stars .container:nth-child(56) {
  width: 3px;
  height: 3px;
  left: 21vw;
  animation-delay: -993.8666666666667s;
  animation-duration: 43.199999999999996s;
}
.stars .container:nth-child(56) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44s;
  animation-duration: 9.9s;
  background: rgba(227, 239, 169, 0.7);
}
.stars .container:nth-child(57) {
  width: 3px;
  height: 3px;
  left: 97.5vw;
  animation-delay: -996.6s;
  animation-duration: 113.33333333333333s;
}
.stars .container:nth-child(57) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.1s;
  animation-duration: 44.9s;
  background: rgba(224, 253, 111, 0.7);
}
.stars .container:nth-child(58) {
  width: 1px;
  height: 1px;
  left: 1.5vw;
  animation-delay: -997.2s;
  animation-duration: 338.8s;
}
.stars .container:nth-child(58) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.9s;
  animation-duration: 23.5s;
  background: rgba(242, 175, 136, 0.7);
}
.stars .container:nth-child(59) {
  width: 3px;
  height: 3px;
  left: 39vw;
  animation-delay: -999.8666666666667s;
  animation-duration: 22.2s;
}
.stars .container:nth-child(59) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.9s;
  animation-duration: 25.8s;
  background: rgba(217, 247, 156, 0.8);
}
.stars .container:nth-child(60) {
  width: 1px;
  height: 1px;
  left: 70.5vw;
  animation-delay: -988s;
  animation-duration: 395.8s;
}
.stars .container:nth-child(60) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.3s;
  animation-duration: 35.7s;
  background: rgba(250, 167, 220, 0.8);
}
.stars .container:nth-child(61) {
  width: 1px;
  height: 1px;
  left: 58vw;
  animation-delay: -989.4s;
  animation-duration: 190.2s;
}
.stars .container:nth-child(61) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49s;
  animation-duration: 26.8s;
  background: #d1bffb;
}
.stars .container:nth-child(62) {
  width: 2px;
  height: 2px;
  left: 36.5vw;
  animation-delay: -993.3s;
  animation-duration: 73.9s;
}
.stars .container:nth-child(62) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.5s;
  animation-duration: 25.7s;
  background: rgba(203, 203, 154, 0.9);
}
.stars .container:nth-child(63) {
  width: 2px;
  height: 2px;
  left: 13.5vw;
  animation-delay: -996.4s;
  animation-duration: 157.8s;
}
.stars .container:nth-child(63) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.6s;
  animation-duration: 14.8s;
  background: rgba(229, 153, 160, 0.7);
}
.stars .container:nth-child(64) {
  width: 2px;
  height: 2px;
  left: 37.5vw;
  animation-delay: -997.5s;
  animation-duration: 119.7s;
}
.stars .container:nth-child(64) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.8s;
  animation-duration: 13.3s;
  background: rgba(223, 205, 210, 0.7);
}
.stars .container:nth-child(65) {
  width: 3px;
  height: 3px;
  left: 18.5vw;
  animation-delay: -993.5333333333333s;
  animation-duration: 108.13333333333333s;
}
.stars .container:nth-child(65) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.2s;
  animation-duration: 14.5s;
  background: rgba(245, 243, 169, 0.9);
}
.stars .container:nth-child(66) {
  width: 1px;
  height: 1px;
  left: 96vw;
  animation-delay: -981.4s;
  animation-duration: 161.6s;
}
.stars .container:nth-child(66) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.4s;
  animation-duration: 46.9s;
  background: rgba(216, 196, 131, 0.7);
}
.stars .container:nth-child(67) {
  width: 2px;
  height: 2px;
  left: 4vw;
  animation-delay: -994.2s;
  animation-duration: 178.8s;
}
.stars .container:nth-child(67) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.3s;
  animation-duration: 41.1s;
  background: rgba(234, 199, 175, 0.9);
}
.stars .container:nth-child(68) {
  width: 3px;
  height: 3px;
  left: 11vw;
  animation-delay: -996.7333333333333s;
  animation-duration: 95.73333333333333s;
}
.stars .container:nth-child(68) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.5s;
  animation-duration: 39.3s;
  background: rgba(216, 238, 233, 0.8);
}
.stars .container:nth-child(69) {
  width: 1px;
  height: 1px;
  left: 33vw;
  animation-delay: -980.2s;
  animation-duration: 354.6s;
}
.stars .container:nth-child(69) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44s;
  animation-duration: 20s;
  background: rgba(203, 163, 121, 0.9);
}
.stars .container:nth-child(70) {
  width: 2px;
  height: 2px;
  left: 63vw;
  animation-delay: -993.9s;
  animation-duration: 197.5s;
}
.stars .container:nth-child(70) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.8s;
  animation-duration: 34.4s;
  background: rgba(229, 240, 235, 0.7);
}
.stars .container:nth-child(71) {
  width: 3px;
  height: 3px;
  left: 20.5vw;
  animation-delay: -994.7333333333333s;
  animation-duration: 85.53333333333335s;
}
.stars .container:nth-child(71) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.9s;
  animation-duration: 42.1s;
  background: rgba(211, 182, 208, 0.8);
}
.stars .container:nth-child(72) {
  width: 3px;
  height: 3px;
  left: 84vw;
  animation-delay: -993.6666666666666s;
  animation-duration: 77.26666666666667s;
}
.stars .container:nth-child(72) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.7s;
  animation-duration: 14.3s;
  background: rgba(227, 197, 225, 0.8);
}
.stars .container:nth-child(73) {
  width: 3px;
  height: 3px;
  left: 30.5vw;
  animation-delay: -995.6s;
  animation-duration: 41.666666666666664s;
}
.stars .container:nth-child(73) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.1s;
  animation-duration: 35.9s;
  background: rgba(224, 178, 254, 0.7);
}
.stars .container:nth-child(74) {
  width: 1px;
  height: 1px;
  left: 82vw;
  animation-delay: -988.2s;
  animation-duration: 158.6s;
}
.stars .container:nth-child(74) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.1s;
  animation-duration: 15.9s;
  background: #eaf291;
}
.stars .container:nth-child(75) {
  width: 1px;
  height: 1px;
  left: 99vw;
  animation-delay: -992.6s;
  animation-duration: 111.4s;
}
.stars .container:nth-child(75) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.9s;
  animation-duration: 32.4s;
  background: #dbcfa3;
}
.stars .container:nth-child(76) {
  width: 3px;
  height: 3px;
  left: 5.5vw;
  animation-delay: -998.5333333333333s;
  animation-duration: 49.46666666666667s;
}
.stars .container:nth-child(76) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46s;
  animation-duration: 44.9s;
  background: #dfbaf3;
}
.stars .container:nth-child(77) {
  width: 3px;
  height: 3px;
  left: 26vw;
  animation-delay: -996.2s;
  animation-duration: 46.26666666666667s;
}
.stars .container:nth-child(77) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.5s;
  animation-duration: 44.4s;
  background: rgba(255, 202, 135, 0.7);
}
.stars .container:nth-child(78) {
  width: 2px;
  height: 2px;
  left: 96vw;
  animation-delay: -991.6s;
  animation-duration: 94.8s;
}
.stars .container:nth-child(78) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.8s;
  animation-duration: 46.3s;
  background: #efda69;
}
.stars .container:nth-child(79) {
  width: 3px;
  height: 3px;
  left: 41.5vw;
  animation-delay: -995.6s;
  animation-duration: 32.266666666666666s;
}
.stars .container:nth-child(79) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.6s;
  animation-duration: 6.8s;
  background: rgba(208, 224, 189, 0.8);
}
.stars .container:nth-child(80) {
  width: 1px;
  height: 1px;
  left: 22.5vw;
  animation-delay: -983.6s;
  animation-duration: 383.8s;
}
.stars .container:nth-child(80) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.5s;
  animation-duration: 17.4s;
  background: rgba(204, 210, 114, 0.7);
}
.stars .container:nth-child(81) {
  width: 1px;
  height: 1px;
  left: 28vw;
  animation-delay: -983.4s;
  animation-duration: 228s;
}
.stars .container:nth-child(81) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.9s;
  animation-duration: 46.3s;
  background: rgba(202, 233, 145, 0.7);
}
.stars .container:nth-child(82) {
  width: 1px;
  height: 1px;
  left: 32.5vw;
  animation-delay: -997s;
  animation-duration: 70s;
}
.stars .container:nth-child(82) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.8s;
  animation-duration: 26.9s;
  background: #d0aaf6;
}
.stars .container:nth-child(83) {
  width: 1px;
  height: 1px;
  left: 83.5vw;
  animation-delay: -997.6s;
  animation-duration: 242.2s;
}
.stars .container:nth-child(83) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49s;
  animation-duration: 29.7s;
  background: rgba(231, 190, 127, 0.8);
}
.stars .container:nth-child(84) {
  width: 3px;
  height: 3px;
  left: 4vw;
  animation-delay: -997.1333333333333s;
  animation-duration: 116.2s;
}
.stars .container:nth-child(84) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.4s;
  animation-duration: 41.1s;
  background: #f1a671;
}
.stars .container:nth-child(85) {
  width: 2px;
  height: 2px;
  left: 78.5vw;
  animation-delay: -991.2s;
  animation-duration: 01AEFA.2s;
}
.stars .container:nth-child(85) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.4s;
  animation-duration: 42.7s;
  background: rgba(237, 234, 164, 0.9);
}
.stars .container:nth-child(86) {
  width: 2px;
  height: 2px;
  left: 66vw;
  animation-delay: -998s;
  animation-duration: 98.4s;
}
.stars .container:nth-child(86) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40s;
  animation-duration: 48.8s;
  background: rgba(223, 208, 164, 0.9);
}
.stars .container:nth-child(87) {
  width: 1px;
  height: 1px;
  left: 2vw;
  animation-delay: -998.8s;
  animation-duration: 95.8s;
}
.stars .container:nth-child(87) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.5s;
  animation-duration: 28.7s;
  background: #c8f3f0;
}
.stars .container:nth-child(88) {
  width: 2px;
  height: 2px;
  left: 9vw;
  animation-delay: -997.6s;
  animation-duration: 27.1s;
}
.stars .container:nth-child(88) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.5s;
  animation-duration: 26s;
  background: rgba(232, 198, 254, 0.7);
}
.stars .container:nth-child(89) {
  width: 2px;
  height: 2px;
  left: 63.5vw;
  animation-delay: -992.2s;
  animation-duration: 121.1s;
}
.stars .container:nth-child(89) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.8s;
  animation-duration: 5.2s;
  background: rgba(238, 252, 104, 0.8);
}
.stars .container:nth-child(90) {
  width: 3px;
  height: 3px;
  left: 13vw;
  animation-delay: -994.0666666666667s;
  animation-duration: 58.13333333333333s;
}
.stars .container:nth-child(90) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.1s;
  animation-duration: 16.5s;
  background: rgba(208, 211, 188, 0.8);
}
.stars .container:nth-child(91) {
  width: 2px;
  height: 2px;
  left: 87.5vw;
  animation-delay: -995s;
  animation-duration: 105.8s;
}
.stars .container:nth-child(91) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.9s;
  animation-duration: 10.3s;
  background: rgba(219, 150, 236, 0.9);
}
.stars .container:nth-child(92) {
  width: 2px;
  height: 2px;
  left: 84vw;
  animation-delay: -995s;
  animation-duration: 121.3s;
}
.stars .container:nth-child(92) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.1s;
  animation-duration: 35.2s;
  background: rgba(248, 247, 219, 0.9);
}
.stars .container:nth-child(93) {
  width: 2px;
  height: 2px;
  left: 25.5vw;
  animation-delay: -996.9s;
  animation-duration: 60.9s;
}
.stars .container:nth-child(93) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48s;
  animation-duration: 11s;
  background: rgba(217, 156, 148, 0.8);
}
.stars .container:nth-child(94) {
  width: 2px;
  height: 2px;
  left: 2.5vw;
  animation-delay: -994.8s;
  animation-duration: 152.3s;
}
.stars .container:nth-child(94) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.8s;
  animation-duration: 45.1s;
  background: rgba(244, 182, 156, 0.9);
}
.stars .container:nth-child(95) {
  width: 2px;
  height: 2px;
  left: 36.5vw;
  animation-delay: -993.5s;
  animation-duration: 147s;
}
.stars .container:nth-child(95) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.2s;
  animation-duration: 5.2s;
  background: rgba(211, 208, 254, 0.7);
}
.stars .container:nth-child(96) {
  width: 3px;
  height: 3px;
  left: 67vw;
  animation-delay: -994.8s;
  animation-duration: 107.39999999999999s;
}
.stars .container:nth-child(96) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.6s;
  animation-duration: 18s;
  background: #dba0b7;
}
.stars .container:nth-child(97) {
  width: 2px;
  height: 2px;
  left: 86vw;
  animation-delay: -992.9s;
  animation-duration: 60.6s;
}
.stars .container:nth-child(97) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.2s;
  animation-duration: 39.7s;
  background: rgba(210, 199, 187, 0.9);
}
.stars .container:nth-child(98) {
  width: 2px;
  height: 2px;
  left: 47.5vw;
  animation-delay: -990.1s;
  animation-duration: 130.1s;
}
.stars .container:nth-child(98) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.3s;
  animation-duration: 7.8s;
  background: #eeedc3;
}
.stars .container:nth-child(99) {
  width: 1px;
  height: 1px;
  left: 31vw;
  animation-delay: -989.8s;
  animation-duration: 372s;
}
.stars .container:nth-child(99) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.2s;
  animation-duration: 26.1s;
  background: rgba(241, 223, 170, 0.9);
}
.stars .container:nth-child(100) {
  width: 3px;
  height: 3px;
  left: 37vw;
  animation-delay: -997.8s;
  animation-duration: 88.8s;
}
.stars .container:nth-child(100) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.9s;
  animation-duration: 32.3s;
  background: rgba(244, 165, 204, 0.9);
}
@-moz-keyframes stars {
  0% {
    transform: translateY(110vh) translateZ(0);
  }
  100% {
    transform: translateY(-10vh) translateZ(0);
  }
}
@-webkit-keyframes stars {
  0% {
    transform: translateY(110vh) translateZ(0);
  }
  100% {
    transform: translateY(-10vh) translateZ(0);
  }
}
@-o-keyframes stars {
  0% {
    transform: translateY(110vh) translateZ(0);
  }
  100% {
    transform: translateY(-10vh) translateZ(0);
  }
}
@keyframes stars {
  0% {
    transform: translateY(110vh) translateZ(0);
  }
  100% {
    transform: translateY(-10vh) translateZ(0);
  }
}
@-moz-keyframes twinkle {
  0%,
  80%,
  100% {
    opacity: 0.7;
    box-shadow: 0 0 0 #fff, 0 0 0 #fff;
  }
  95% {
    opacity: 1;
    box-shadow: 0 0 2px #fff, 0 0 4px #fff;
  }
}
@-webkit-keyframes twinkle {
  0%,
  80%,
  100% {
    opacity: 0.7;
    box-shadow: 0 0 0 #fff, 0 0 0 #fff;
  }
  95% {
    opacity: 1;
    box-shadow: 0 0 2px #fff, 0 0 4px #fff;
  }
}
@-o-keyframes twinkle {
  0%,
  80%,
  100% {
    opacity: 0.7;
    box-shadow: 0 0 0 #fff, 0 0 0 #fff;
  }
  95% {
    opacity: 1;
    box-shadow: 0 0 2px #fff, 0 0 4px #fff;
  }
}
@keyframes twinkle {
  0%,
  80%,
  100% {
    opacity: 0.7;
    box-shadow: 0 0 0 #fff, 0 0 0 #fff;
  }
  95% {
    opacity: 1;
    box-shadow: 0 0 2px #fff, 0 0 4px #fff;
  }
}