body {
  /* width: 100vw;
  height: 100vh; */
  margin: 0;
  overflow: hidden;
  background-image: radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, #112 100%);
  background: -moz-radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, #112 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #27364f), color-stop(50%, #112), color-stop(100%, #112));
  background: -webkit-radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, #112 100%);
  background: -o-radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, #112 100%);
  background: -ms-radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, #112 100%);
  filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr='#27364f ', endColorstr='#112 ',GradientType=1 )';
  background-position: 50% 0%;
  background-size: 150vmax 150vmax;
  background-repeat: no-repeat;
  background-color: #112;
}

.stars .container-1 {
  position: absolute;
  animation: stars linear infinite;
}

.stars .container-1 .star {
  animation: twinkle linear infinite;
  border-radius: 100%;
  transform: translateZ(0);
}

.stars .container-1:nth-child(0) {
  width: 2px;
  height: 2px;
  left: 56.5vw;
  animation-delay: -992.3s;
  animation-duration: 96.5s;
}

.stars .container-1:nth-child(0) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.6s;
  animation-duration: 22.8s;
  background: rgba(217, 239, 226, 0.8);
}

.stars .container-1:nth-child(1) {
  width: 2px;
  height: 2px;
  left: 4.5vw;
  animation-delay: -993.4s;
  animation-duration: 167.1s;
}

.stars .container-1:nth-child(1) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48s;
  animation-duration: 14.2s;
  background: rgba(242, 176, 154, 0.7);
}

.stars .container-1:nth-child(2) {
  width: 3px;
  height: 3px;
  left: 20.5vw;
  animation-delay: -993.3333333333334s;
  animation-duration: 39.6s;
}

.stars .container-1:nth-child(2) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.9s;
  animation-duration: 41.3s;
  background: rgba(231, 166, 252, 0.9);
}

.stars .container-1:nth-child(3) {
  width: 2px;
  height: 2px;
  left: 33vw;
  animation-delay: -998s;
  animation-duration: 153.8s;
}

.stars .container-1:nth-child(3) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.2s;
  animation-duration: 34.9s;
  background: #c8cfd9;
}

.stars .container-1:nth-child(4) {
  width: 2px;
  height: 2px;
  left: 39.5vw;
  animation-delay: -990.6s;
  animation-duration: 36.8s;
}

.stars .container-1:nth-child(4) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.4s;
  animation-duration: 34.3s;
  background: rgba(229, 237, 236, 0.9);
}

.stars .container-1:nth-child(5) {
  width: 3px;
  height: 3px;
  left: 98vw;
  animation-delay: -998.8s;
  animation-duration: 84.93333333333334s;
}

.stars .container-1:nth-child(5) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.1s;
  animation-duration: 43.9s;
  background: #cff2e7;
}

.stars .container-1:nth-child(6) {
  width: 3px;
  height: 3px;
  left: 2.5vw;
  animation-delay: -999.4666666666667s;
  animation-duration: 24.2s;
}

.stars .container-1:nth-child(6) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.9s;
  animation-duration: 16.4s;
  background: #dfbc99;
}

.stars .container-1:nth-child(7) {
  width: 3px;
  height: 3px;
  left: 68.5vw;
  animation-delay: -995.2s;
  animation-duration: 15.6s;
}

.stars .container-1:nth-child(7) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.1s;
  animation-duration: 43.4s;
  background: #fae4e9;
}

.stars .container-1:nth-child(8) {
  width: 2px;
  height: 2px;
  left: 16.5vw;
  animation-delay: -994.4s;
  animation-duration: 158.3s;
}

.stars .container-1:nth-child(8) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48s;
  animation-duration: 20.1s;
  background: rgba(243, 192, 232, 0.9);
}

.stars .container-1:nth-child(9) {
  width: 1px;
  height: 1px;
  left: 38.5vw;
  animation-delay: -982s;
  animation-duration: 54.6s;
}

.stars .container-1:nth-child(9) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.7s;
  animation-duration: 31.9s;
  background: rgba(228, 179, 131, 0.7);
}

.stars .container-1:nth-child(10) {
  width: 2px;
  height: 2px;
  left: 20.5vw;
  animation-delay: -998.6s;
  animation-duration: 65s;
}

.stars .container-1:nth-child(10) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.4s;
  animation-duration: 11.7s;
  background: rgba(214, 181, 221, 0.8);
}

.stars .container-1:nth-child(11) {
  width: 2px;
  height: 2px;
  left: 41.5vw;
  animation-delay: -992.3s;
  animation-duration: 139.7s;
}

.stars .container-1:nth-child(11) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.6s;
  animation-duration: 19.7s;
  background: rgba(215, 247, 250, 0.8);
}

.stars .container-1:nth-child(12) {
  width: 2px;
  height: 2px;
  left: 26vw;
  animation-delay: -994.2s;
  animation-duration: 42.6s;
}

.stars .container-1:nth-child(12) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.2s;
  animation-duration: 42.1s;
  background: rgba(242, 213, 254, 0.7);
}

.stars .container-1:nth-child(13) {
  width: 1px;
  height: 1px;
  left: 4.5vw;
  animation-delay: -985s;
  animation-duration: 159.4s;
}

.stars .container-1:nth-child(13) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.7s;
  animation-duration: 18.3s;
  background: rgba(203, 168, 205, 0.8);
}

.stars .container-1:nth-child(14) {
  width: 2px;
  height: 2px;
  left: 59vw;
  animation-delay: -991.9s;
  animation-duration: 117.8s;
}

.stars .container-1:nth-child(14) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.2s;
  animation-duration: 17.5s;
  background: rgba(253, 183, 137, 0.7);
}

.stars .container-1:nth-child(15) {
  width: 1px;
  height: 1px;
  left: 70vw;
  animation-delay: -992.2s;
  animation-duration: 195.8s;
}

.stars .container-1:nth-child(15) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.8s;
  animation-duration: 40s;
  background: #c8a06d;
}

.stars .container-1:nth-child(16) {
  width: 1px;
  height: 1px;
  left: 57.5vw;
  animation-delay: -981s;
  animation-duration: 293.8s;
}

.stars .container-1:nth-child(16) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.7s;
  animation-duration: 21.4s;
  background: rgba(211, 158, 134, 0.7);
}

.stars .container-1:nth-child(17) {
  width: 1px;
  height: 1px;
  left: 38vw;
  animation-delay: -998.6s;
  animation-duration: 195.6s;
}

.stars .container-1:nth-child(17) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.5s;
  animation-duration: 9.3s;
  background: #c9d6f2;
}

.stars .container-1:nth-child(18) {
  width: 3px;
  height: 3px;
  left: 73.5vw;
  animation-delay: -999.0666666666667s;
  animation-duration: 132.4s;
}

.stars .container-1:nth-child(18) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.4s;
  animation-duration: 27.3s;
  background: rgba(205, 241, 140, 0.9);
}

.stars .container-1:nth-child(19) {
  width: 2px;
  height: 2px;
  left: 16vw;
  animation-delay: -998.3s;
  animation-duration: 112.7s;
}

.stars .container-1:nth-child(19) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.9s;
  animation-duration: 48.3s;
  background: rgba(226, 247, 159, 0.7);
}

.stars .container-1:nth-child(20) {
  width: 3px;
  height: 3px;
  left: 76vw;
  animation-delay: -997.8666666666667s;
  animation-duration: 53.13333333333333s;
}

.stars .container-1:nth-child(20) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.2s;
  animation-duration: 15.1s;
  background: rgba(248, 206, 234, 0.8);
}

.stars .container-1:nth-child(21) {
  width: 2px;
  height: 2px;
  left: 7vw;
  animation-delay: -992.5s;
  animation-duration: 52.8s;
}

.stars .container-1:nth-child(21) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.8s;
  animation-duration: 19.9s;
  background: rgba(235, 177, 123, 0.9);
}

.stars .container-1:nth-child(22) {
  width: 2px;
  height: 2px;
  left: 2vw;
  animation-delay: -997s;
  animation-duration: 99.9s;
}

.stars .container-1:nth-child(22) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.3s;
  animation-duration: 45.9s;
  background: rgba(225, 252, 245, 0.7);
}

.stars .container-1:nth-child(23) {
  width: 1px;
  height: 1px;
  left: 97.5vw;
  animation-delay: -983.4s;
  animation-duration: 382s;
}

.stars .container-1:nth-child(23) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.9s;
  animation-duration: 13.4s;
  background: #f2b2f0;
}

.stars .container-1:nth-child(24) {
  width: 1px;
  height: 1px;
  left: 63.5vw;
  animation-delay: -980.4s;
  animation-duration: 99.2s;
}

.stars .container-1:nth-child(24) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.3s;
  animation-duration: 29.7s;
  background: #d49cba;
}

.stars .container-1:nth-child(25) {
  width: 2px;
  height: 2px;
  left: 48vw;
  animation-delay: -993.4s;
  animation-duration: 173.8s;
}

.stars .container-1:nth-child(25) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.4s;
  animation-duration: 17.1s;
  background: rgba(231, 235, 108, 0.9);
}

.stars .container-1:nth-child(26) {
  width: 3px;
  height: 3px;
  left: 88.5vw;
  animation-delay: -995.2s;
  animation-duration: 31.266666666666666s;
}

.stars .container-1:nth-child(26) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.7s;
  animation-duration: 27.2s;
  background: rgba(225, 170, 238, 0.8);
}

.stars .container-1:nth-child(27) {
  width: 2px;
  height: 2px;
  left: 46.5vw;
  animation-delay: -992.9s;
  animation-duration: 126.1s;
}

.stars .container-1:nth-child(27) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.6s;
  animation-duration: 20.2s;
  background: #f9f0b4;
}

.stars .container-1:nth-child(28) {
  width: 3px;
  height: 3px;
  left: 43.5vw;
  animation-delay: -999.8s;
  animation-duration: 132.26666666666668s;
}

.stars .container-1:nth-child(28) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.3s;
  animation-duration: 40.8s;
  background: #c8e56f;
}

.stars .container-1:nth-child(29) {
  width: 1px;
  height: 1px;
  left: 96.5vw;
  animation-delay: -983.6s;
  animation-duration: 193.4s;
}

.stars .container-1:nth-child(29) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43s;
  animation-duration: 14.9s;
  background: #f6fb80;
}

.stars .container-1:nth-child(30) {
  width: 1px;
  height: 1px;
  left: 29vw;
  animation-delay: -999.6s;
  animation-duration: 59.2s;
}

.stars .container-1:nth-child(30) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.4s;
  animation-duration: 47.3s;
  background: rgba(201, 164, 146, 0.8);
}

.stars .container-1:nth-child(31) {
  width: 2px;
  height: 2px;
  left: 47.5vw;
  animation-delay: -991.2s;
  animation-duration: 180.2s;
}

.stars .container-1:nth-child(31) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.2s;
  animation-duration: 35s;
  background: rgba(232, 199, 238, 0.7);
}

.stars .container-1:nth-child(32) {
  width: 3px;
  height: 3px;
  left: 28vw;
  animation-delay: -994.4s;
  animation-duration: 59.800000000000004s;
}

.stars .container-1:nth-child(32) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.1s;
  animation-duration: 44s;
  background: rgba(222, 210, 134, 0.9);
}

.stars .container-1:nth-child(33) {
  width: 1px;
  height: 1px;
  left: 96.5vw;
  animation-delay: -997s;
  animation-duration: 64.8s;
}

.stars .container-1:nth-child(33) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.7s;
  animation-duration: 29.1s;
  background: rgba(221, 218, 164, 0.7);
}

.stars .container-1:nth-child(34) {
  width: 3px;
  height: 3px;
  left: 85.5vw;
  animation-delay: -993.8666666666667s;
  animation-duration: 115.93333333333334s;
}

.stars .container-1:nth-child(34) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.9s;
  animation-duration: 38.7s;
  background: rgba(216, 233, 167, 0.9);
}

.stars .container-1:nth-child(35) {
  width: 3px;
  height: 3px;
  left: 42.5vw;
  animation-delay: -996s;
  animation-duration: 58.13333333333333s;
}

.stars .container-1:nth-child(35) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48s;
  animation-duration: 15.9s;
  background: rgba(252, 156, 152, 0.7);
}

.stars .container-1:nth-child(36) {
  width: 2px;
  height: 2px;
  left: 87.5vw;
  animation-delay: -997.8s;
  animation-duration: 143.5s;
}

.stars .container-1:nth-child(36) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.3s;
  animation-duration: 5.1s;
  background: rgba(247, 215, 223, 0.8);
}

.stars .container-1:nth-child(37) {
  width: 3px;
  height: 3px;
  left: 7vw;
  animation-delay: -995.0666666666667s;
  animation-duration: 15.6s;
}

.stars .container-1:nth-child(37) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.4s;
  animation-duration: 20.2s;
  background: rgba(214, 232, 174, 0.9);
}

.stars .container-1:nth-child(38) {
  width: 2px;
  height: 2px;
  left: 42.5vw;
  animation-delay: -992.5s;
  animation-duration: 58.5s;
}

.stars .container-1:nth-child(38) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.7s;
  animation-duration: 37.4s;
  background: rgba(225, 238, 220, 0.7);
}

.stars .container-1:nth-child(39) {
  width: 2px;
  height: 2px;
  left: 86.5vw;
  animation-delay: -990.2s;
  animation-duration: 33.2s;
}

.stars .container-1:nth-child(39) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.9s;
  animation-duration: 29.2s;
  background: rgba(233, 222, 241, 0.8);
}

.stars .container-1:nth-child(40) {
  width: 3px;
  height: 3px;
  left: 6vw;
  animation-delay: -995.6666666666666s;
  animation-duration: 105.26666666666667s;
}

.stars .container-1:nth-child(40) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.4s;
  animation-duration: 38.7s;
  background: rgba(247, 159, 195, 0.7);
}

.stars .container-1:nth-child(41) {
  width: 2px;
  height: 2px;
  left: 16vw;
  animation-delay: -998.6s;
  animation-duration: 106.6s;
}

.stars .container-1:nth-child(41) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.5s;
  animation-duration: 32.8s;
  background: #dd9dd4;
}

.stars .container-1:nth-child(42) {
  width: 3px;
  height: 3px;
  left: 39vw;
  animation-delay: -997.8666666666667s;
  animation-duration: 82.06666666666666s;
}

.stars .container-1:nth-child(42) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.8s;
  animation-duration: 40.4s;
  background: rgba(232, 170, 133, 0.8);
}

.stars .container-1:nth-child(43) {
  width: 3px;
  height: 3px;
  left: 22.5vw;
  animation-delay: -994.6666666666666s;
  animation-duration: 118.53333333333335s;
}

.stars .container-1:nth-child(43) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48s;
  animation-duration: 10.4s;
  background: #e7d2d9;
}

.stars .container-1:nth-child(44) {
  width: 2px;
  height: 2px;
  left: 72.5vw;
  animation-delay: -990.3s;
  animation-duration: 102.9s;
}

.stars .container-1:nth-child(44) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.7s;
  animation-duration: 14.3s;
  background: #f8e3fd;
}

.stars .container-1:nth-child(45) {
  width: 3px;
  height: 3px;
  left: 55.5vw;
  animation-delay: -998.8s;
  animation-duration: 112.73333333333333s;
}

.stars .container-1:nth-child(45) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.4s;
  animation-duration: 29.3s;
  background: rgba(229, 191, 194, 0.7);
}

.stars .container-1:nth-child(46) {
  width: 3px;
  height: 3px;
  left: 81vw;
  animation-delay: -996.6666666666666s;
  animation-duration: 38.93333333333333s;
}

.stars .container-1:nth-child(46) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.2s;
  animation-duration: 22.9s;
  background: rgba(253, 150, 103, 0.9);
}

.stars .container-1:nth-child(47) {
  width: 3px;
  height: 3px;
  left: 96.5vw;
  animation-delay: -998.9333333333333s;
  animation-duration: 133.33333333333334s;
}

.stars .container-1:nth-child(47) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.5s;
  animation-duration: 9.8s;
  background: rgba(233, 152, 217, 0.8);
}

.stars .container-1:nth-child(48) {
  width: 2px;
  height: 2px;
  left: 51vw;
  animation-delay: -995s;
  animation-duration: 127s;
}

.stars .container-1:nth-child(48) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.4s;
  animation-duration: 31.2s;
  background: rgba(247, 203, 216, 0.8);
}

.stars .container-1:nth-child(49) {
  width: 2px;
  height: 2px;
  left: 86.5vw;
  animation-delay: -993.3s;
  animation-duration: 187.4s;
}

.stars .container-1:nth-child(49) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.4s;
  animation-duration: 6.6s;
  background: rgba(253, 182, 236, 0.8);
}

.stars .container-1:nth-child(50) {
  width: 2px;
  height: 2px;
  left: 16vw;
  animation-delay: -995.9s;
  animation-duration: 174.8s;
}

.stars .container-1:nth-child(50) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.5s;
  animation-duration: 46.1s;
  background: #f4aefe;
}

.stars .container-1:nth-child(51) {
  width: 2px;
  height: 2px;
  left: 32vw;
  animation-delay: -992.1s;
  animation-duration: 22s;
}

.stars .container-1:nth-child(51) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.7s;
  animation-duration: 18.7s;
  background: rgba(241, 240, 227, 0.9);
}

.stars .container-1:nth-child(52) {
  width: 3px;
  height: 3px;
  left: 65.5vw;
  animation-delay: -994.2666666666667s;
  animation-duration: 80.73333333333333s;
}

.stars .container-1:nth-child(52) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43s;
  animation-duration: 24.8s;
  background: rgba(228, 177, 255, 0.8);
}

.stars .container-1:nth-child(53) {
  width: 1px;
  height: 1px;
  left: 5vw;
  animation-delay: -986.4s;
  animation-duration: 190s;
}

.stars .container-1:nth-child(53) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.2s;
  animation-duration: 45.5s;
  background: rgba(205, 169, 185, 0.8);
}

.stars .container-1:nth-child(54) {
  width: 1px;
  height: 1px;
  left: 31vw;
  animation-delay: -992.2s;
  animation-duration: 72.4s;
}

.stars .container-1:nth-child(54) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48s;
  animation-duration: 16.3s;
  background: #fab8a8;
}

.stars .container-1:nth-child(55) {
  width: 1px;
  height: 1px;
  left: 69.5vw;
  animation-delay: -985.4s;
  animation-duration: 277.4s;
}

.stars .container-1:nth-child(55) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.7s;
  animation-duration: 36s;
  background: rgba(247, 234, 203, 0.9);
}

.stars .container-1:nth-child(56) {
  width: 2px;
  height: 2px;
  left: 14.5vw;
  animation-delay: -993.3s;
  animation-duration: 45.5s;
}

.stars .container-1:nth-child(56) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.7s;
  animation-duration: 8.6s;
  background: rgba(234, 231, 196, 0.7);
}

.stars .container-1:nth-child(57) {
  width: 2px;
  height: 2px;
  left: 13.5vw;
  animation-delay: -991.7s;
  animation-duration: 34s;
}

.stars .container-1:nth-child(57) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.9s;
  animation-duration: 5.9s;
  background: rgba(255, 177, 158, 0.8);
}

.stars .container-1:nth-child(58) {
  width: 3px;
  height: 3px;
  left: 30.5vw;
  animation-delay: -999.8666666666667s;
  animation-duration: 104.66666666666667s;
}

.stars .container-1:nth-child(58) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.9s;
  animation-duration: 20s;
  background: rgba(244, 221, 232, 0.9);
}

.stars .container-1:nth-child(59) {
  width: 2px;
  height: 2px;
  left: 67vw;
  animation-delay: -992s;
  animation-duration: 106.4s;
}

.stars .container-1:nth-child(59) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.5s;
  animation-duration: 14.2s;
  background: rgba(236, 194, 105, 0.9);
}

.stars .container-1:nth-child(60) {
  width: 1px;
  height: 1px;
  left: 26.5vw;
  animation-delay: -991.8s;
  animation-duration: 64.6s;
}

.stars .container-1:nth-child(60) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.2s;
  animation-duration: 28.2s;
  background: rgba(236, 235, 220, 0.7);
}

.stars .container-1:nth-child(61) {
  width: 3px;
  height: 3px;
  left: 68vw;
  animation-delay: -998.8666666666667s;
  animation-duration: 35.06666666666667s;
}

.stars .container-1:nth-child(61) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.7s;
  animation-duration: 16.6s;
  background: rgba(253, 219, 143, 0.8);
}

.stars .container-1:nth-child(62) {
  width: 3px;
  height: 3px;
  left: 26vw;
  animation-delay: -999.6s;
  animation-duration: 19.333333333333332s;
}

.stars .container-1:nth-child(62) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.4s;
  animation-duration: 38.3s;
  background: rgba(215, 218, 160, 0.8);
}

.stars .container-1:nth-child(63) {
  width: 2px;
  height: 2px;
  left: 78.5vw;
  animation-delay: -993.3s;
  animation-duration: 177.4s;
}

.stars .container-1:nth-child(63) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.7s;
  animation-duration: 31.8s;
  background: rgba(240, 220, 160, 0.8);
}

.stars .container-1:nth-child(64) {
  width: 2px;
  height: 2px;
  left: 37.5vw;
  animation-delay: -990.2s;
  animation-duration: 102.8s;
}

.stars .container-1:nth-child(64) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.7s;
  animation-duration: 36.4s;
  background: rgba(249, 194, 191, 0.9);
}

.stars .container-1:nth-child(65) {
  width: 3px;
  height: 3px;
  left: 11.5vw;
  animation-delay: -993.6666666666666s;
  animation-duration: 33.4s;
}

.stars .container-1:nth-child(65) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.5s;
  animation-duration: 30.7s;
  background: rgba(230, 222, 131, 0.7);
}

.stars .container-1:nth-child(66) {
  width: 2px;
  height: 2px;
  left: 86.5vw;
  animation-delay: -990.6s;
  animation-duration: 33.2s;
}

.stars .container-1:nth-child(66) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.5s;
  animation-duration: 12.5s;
  background: rgba(229, 166, 240, 0.7);
}

.stars .container-1:nth-child(67) {
  width: 3px;
  height: 3px;
  left: 62vw;
  animation-delay: -993.4s;
  animation-duration: 77.33333333333333s;
}

.stars .container-1:nth-child(67) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.2s;
  animation-duration: 10.5s;
  background: #d1e584;
}

.stars .container-1:nth-child(68) {
  width: 3px;
  height: 3px;
  left: 37.5vw;
  animation-delay: -996.8666666666667s;
  animation-duration: 24.066666666666666s;
}

.stars .container-1:nth-child(68) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.3s;
  animation-duration: 7.7s;
  background: rgba(254, 167, 184, 0.7);
}

.stars .container-1:nth-child(69) {
  width: 2px;
  height: 2px;
  left: 58vw;
  animation-delay: -998.1s;
  animation-duration: 28.7s;
}

.stars .container-1:nth-child(69) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.8s;
  animation-duration: 25.3s;
  background: rgba(236, 190, 209, 0.9);
}

.stars .container-1:nth-child(70) {
  width: 1px;
  height: 1px;
  left: 21.5vw;
  animation-delay: -989.4s;
  animation-duration: 123.6s;
}

.stars .container-1:nth-child(70) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.1s;
  animation-duration: 13.9s;
  background: rgba(243, 209, 242, 0.7);
}

.stars .container-1:nth-child(71) {
  width: 3px;
  height: 3px;
  left: 38.5vw;
  animation-delay: -997.2666666666667s;
  animation-duration: 31.2s;
}

.stars .container-1:nth-child(71) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.4s;
  animation-duration: 33.8s;
  background: rgba(204, 183, 131, 0.9);
}

.stars .container-1:nth-child(72) {
  width: 2px;
  height: 2px;
  left: 53vw;
  animation-delay: -996.6s;
  animation-duration: 197.9s;
}

.stars .container-1:nth-child(72) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.5s;
  animation-duration: 33.1s;
  background: #d0ac70;
}

.stars .container-1:nth-child(73) {
  width: 2px;
  height: 2px;
  left: 13vw;
  animation-delay: -994.3s;
  animation-duration: 177.6s;
}

.stars .container-1:nth-child(73) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.1s;
  animation-duration: 22.9s;
  background: rgba(224, 245, 112, 0.9);
}

.stars .container-1:nth-child(74) {
  width: 3px;
  height: 3px;
  left: 17vw;
  animation-delay: -994.4666666666667s;
  animation-duration: 114.60000000000001s;
}

.stars .container-1:nth-child(74) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.5s;
  animation-duration: 27.9s;
  background: rgba(206, 245, 220, 0.8);
}

.stars .container-1:nth-child(75) {
  width: 1px;
  height: 1px;
  left: 35vw;
  animation-delay: -991.4s;
  animation-duration: 104.6s;
}

.stars .container-1:nth-child(75) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.7s;
  animation-duration: 31.4s;
  background: rgba(236, 164, 169, 0.7);
}

.stars .container-1:nth-child(76) {
  width: 1px;
  height: 1px;
  left: 21.5vw;
  animation-delay: -986.8s;
  animation-duration: 284.4s;
}

.stars .container-1:nth-child(76) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.7s;
  animation-duration: 46.5s;
  background: #d0b1f5;
}

.stars .container-1:nth-child(77) {
  width: 2px;
  height: 2px;
  left: 56.5vw;
  animation-delay: -991.5s;
  animation-duration: 90.5s;
}

.stars .container-1:nth-child(77) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.6s;
  animation-duration: 15.3s;
  background: rgba(203, 180, 165, 0.8);
}

.stars .container-1:nth-child(78) {
  width: 2px;
  height: 2px;
  left: 6vw;
  animation-delay: -995.3s;
  animation-duration: 198.3s;
}

.stars .container-1:nth-child(78) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.5s;
  animation-duration: 38.1s;
  background: #f8e9b4;
}

.stars .container-1:nth-child(79) {
  width: 1px;
  height: 1px;
  left: 3.5vw;
  animation-delay: -988s;
  animation-duration: 100s;
}

.stars .container-1:nth-child(79) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.2s;
  animation-duration: 33.3s;
  background: rgba(208, 199, 154, 0.7);
}

.stars .container-1:nth-child(80) {
  width: 1px;
  height: 1px;
  left: 13.5vw;
  animation-delay: -993.6s;
  animation-duration: 393s;
}

.stars .container-1:nth-child(80) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.7s;
  animation-duration: 23.1s;
  background: #d2d193;
}

.stars .container-1:nth-child(81) {
  width: 2px;
  height: 2px;
  left: 61.5vw;
  animation-delay: -996.1s;
  animation-duration: 155.7s;
}

.stars .container-1:nth-child(81) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.7s;
  animation-duration: 36.3s;
  background: rgba(201, 246, 102, 0.8);
}

.stars .container-1:nth-child(82) {
  width: 1px;
  height: 1px;
  left: 2vw;
  animation-delay: -980.4s;
  animation-duration: 174.4s;
}

.stars .container-1:nth-child(82) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.7s;
  animation-duration: 20.7s;
  background: #d0bb6a;
}

.stars .container-1:nth-child(83) {
  width: 2px;
  height: 2px;
  left: 46.5vw;
  animation-delay: -994.1s;
  animation-duration: 157.2s;
}

.stars .container-1:nth-child(83) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.5s;
  animation-duration: 41s;
  background: #cad3a9;
}

.stars .container-1:nth-child(84) {
  width: 2px;
  height: 2px;
  left: 56.5vw;
  animation-delay: -994.7s;
  animation-duration: 137.4s;
}

.stars .container-1:nth-child(84) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.4s;
  animation-duration: 36s;
  background: rgba(213, 210, 193, 0.7);
}

.stars .container-1:nth-child(85) {
  width: 2px;
  height: 2px;
  left: 56vw;
  animation-delay: -997.9s;
  animation-duration: 112.1s;
}

.stars .container-1:nth-child(85) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.3s;
  animation-duration: 23s;
  background: rgba(243, 195, 100, 0.9);
}

.stars .container-1:nth-child(86) {
  width: 3px;
  height: 3px;
  left: 41vw;
  animation-delay: -993.3333333333334s;
  animation-duration: 54.86666666666667s;
}

.stars .container-1:nth-child(86) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.8s;
  animation-duration: 26.8s;
  background: rgba(252, 150, 225, 0.9);
}

.stars .container-1:nth-child(87) {
  width: 3px;
  height: 3px;
  left: 73.5vw;
  animation-delay: -994.2s;
  animation-duration: 80.2s;
}

.stars .container-1:nth-child(87) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.4s;
  animation-duration: 39.1s;
  background: #dea4f3;
}

.stars .container-1:nth-child(88) {
  width: 3px;
  height: 3px;
  left: 96.5vw;
  animation-delay: -995.0666666666667s;
  animation-duration: 73.26666666666667s;
}

.stars .container-1:nth-child(88) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48s;
  animation-duration: 35s;
  background: rgba(210, 234, 102, 0.9);
}

.stars .container-1:nth-child(89) {
  width: 3px;
  height: 3px;
  left: 77.5vw;
  animation-delay: -999.5333333333333s;
  animation-duration: 39.333333333333336s;
}

.stars .container-1:nth-child(89) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.7s;
  animation-duration: 33.5s;
  background: #d1dbf0;
}

.stars .container-1:nth-child(90) {
  width: 1px;
  height: 1px;
  left: 23vw;
  animation-delay: -980.2s;
  animation-duration: 208s;
}

.stars .container-1:nth-child(90) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.8s;
  animation-duration: 45.9s;
  background: #feb2cf;
}

.stars .container-1:nth-child(91) {
  width: 1px;
  height: 1px;
  left: 39vw;
  animation-delay: -981.2s;
  animation-duration: 128.4s;
}

.stars .container-1:nth-child(91) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.6s;
  animation-duration: 34.7s;
  background: rgba(218, 249, 206, 0.9);
}

.stars .container-1:nth-child(92) {
  width: 3px;
  height: 3px;
  left: 10vw;
  animation-delay: -999.4666666666667s;
  animation-duration: 89.8s;
}

.stars .container-1:nth-child(92) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.2s;
  animation-duration: 40.2s;
  background: #e4c5a9;
}

.stars .container-1:nth-child(93) {
  width: 2px;
  height: 2px;
  left: 75vw;
  animation-delay: -998.1s;
  animation-duration: 69.9s;
}

.stars .container-1:nth-child(93) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.4s;
  animation-duration: 21.7s;
  background: rgba(215, 168, 135, 0.7);
}

.stars .container-1:nth-child(94) {
  width: 2px;
  height: 2px;
  left: 40.5vw;
  animation-delay: -992.2s;
  animation-duration: 76.7s;
}

.stars .container-1:nth-child(94) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.5s;
  animation-duration: 43.3s;
  background: #d8d583;
}

.stars .container-1:nth-child(95) {
  width: 1px;
  height: 1px;
  left: 31.5vw;
  animation-delay: -988.2s;
  animation-duration: 139s;
}

.stars .container-1:nth-child(95) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.8s;
  animation-duration: 38.2s;
  background: rgba(251, 255, 182, 0.9);
}

.stars .container-1:nth-child(96) {
  width: 2px;
  height: 2px;
  left: 77vw;
  animation-delay: -990.6s;
  animation-duration: 158.3s;
}

.stars .container-1:nth-child(96) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.6s;
  animation-duration: 27s;
  background: rgba(239, 197, 203, 0.8);
}

.stars .container-1:nth-child(97) {
  width: 3px;
  height: 3px;
  left: 15vw;
  animation-delay: -993.4666666666667s;
  animation-duration: 95.93333333333334s;
}

.stars .container-1:nth-child(97) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.5s;
  animation-duration: 8.6s;
  background: #fbe374;
}

.stars .container-1:nth-child(98) {
  width: 1px;
  height: 1px;
  left: 78vw;
  animation-delay: -994.2s;
  animation-duration: 136.6s;
}

.stars .container-1:nth-child(98) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.2s;
  animation-duration: 5.9s;
  background: rgba(205, 205, 194, 0.9);
}

.stars .container-1:nth-child(99) {
  width: 3px;
  height: 3px;
  left: 38.5vw;
  animation-delay: -997s;
  animation-duration: 34.13333333333333s;
}

.stars .container-1:nth-child(99) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.6s;
  animation-duration: 36.2s;
  background: rgba(208, 157, 199, 0.8);
}

.stars .container-1:nth-child(100) {
  width: 3px;
  height: 3px;
  left: 29.5vw;
  animation-delay: -994.3333333333334s;
  animation-duration: 126.06666666666666s;
}

.stars .container-1:nth-child(100) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.8s;
  animation-duration: 35.1s;
  background: rgba(250, 244, 120, 0.8);
}

@-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;
  }
}