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 {
  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: 3px;
  height: 3px;
  left: 89vw;
  animation-delay: -994.4s;
  animation-duration: 74.33333333333333s;
}
.stars .container:nth-child(0) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.3s;
  animation-duration: 47.6s;
  background: #f0f8d9;
}
.stars .container:nth-child(1) {
  width: 2px;
  height: 2px;
  left: 73vw;
  animation-delay: -996.3s;
  animation-duration: 89.7s;
}
.stars .container:nth-child(1) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.4s;
  animation-duration: 31.1s;
  background: rgba(200,245,198,0.7);
}
.stars .container:nth-child(2) {
  width: 2px;
  height: 2px;
  left: 73vw;
  animation-delay: -998.9s;
  animation-duration: 126.7s;
}
.stars .container:nth-child(2) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.2s;
  animation-duration: 48s;
  background: rgba(252,209,252,0.7);
}
.stars .container:nth-child(3) {
  width: 1px;
  height: 1px;
  left: 44vw;
  animation-delay: -992.8s;
  animation-duration: 383.2s;
}
.stars .container:nth-child(3) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.2s;
  animation-duration: 17.7s;
  background: rgba(230,166,127,0.9);
}
.stars .container:nth-child(4) {
  width: 1px;
  height: 1px;
  left: 99vw;
  animation-delay: -981s;
  animation-duration: 125.4s;
}
.stars .container:nth-child(4) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.3s;
  animation-duration: 29.7s;
  background: #fbde64;
}
.stars .container:nth-child(5) {
  width: 3px;
  height: 3px;
  left: 80.5vw;
  animation-delay: -996.6666666666666s;
  animation-duration: 29.599999999999998s;
}
.stars .container:nth-child(5) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.8s;
  animation-duration: 8.2s;
  background: #fffc8f;
}
.stars .container:nth-child(6) {
  width: 2px;
  height: 2px;
  left: 67vw;
  animation-delay: -998.4s;
  animation-duration: 134.7s;
}
.stars .container:nth-child(6) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.7s;
  animation-duration: 27.1s;
  background: rgba(240,199,135,0.8);
}
.stars .container:nth-child(7) {
  width: 2px;
  height: 2px;
  left: 30vw;
  animation-delay: -993.5s;
  animation-duration: 75.5s;
}
.stars .container:nth-child(7) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.3s;
  animation-duration: 13.7s;
  background: rgba(240,226,217,0.8);
}
.stars .container:nth-child(8) {
  width: 1px;
  height: 1px;
  left: 40.5vw;
  animation-delay: -997.4s;
  animation-duration: 342.4s;
}
.stars .container:nth-child(8) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.2s;
  animation-duration: 11.1s;
  background: rgba(205,166,128,0.7);
}
.stars .container:nth-child(9) {
  width: 3px;
  height: 3px;
  left: 90vw;
  animation-delay: -995.1333333333333s;
  animation-duration: 49.73333333333333s;
}
.stars .container:nth-child(9) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.4s;
  animation-duration: 35.3s;
  background: rgba(238,250,116,0.8);
}
.stars .container:nth-child(10) {
  width: 2px;
  height: 2px;
  left: 78vw;
  animation-delay: -994.7s;
  animation-duration: 92.3s;
}
.stars .container:nth-child(10) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.9s;
  animation-duration: 48.4s;
  background: rgba(218,173,217,0.9);
}
.stars .container:nth-child(11) {
  width: 1px;
  height: 1px;
  left: 71.5vw;
  animation-delay: -993.2s;
  animation-duration: 158.6s;
}
.stars .container:nth-child(11) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.4s;
  animation-duration: 31.6s;
  background: rgba(204,198,147,0.8);
}
.stars .container:nth-child(12) {
  width: 1px;
  height: 1px;
  left: 88vw;
  animation-delay: -992.6s;
  animation-duration: 349.6s;
}
.stars .container:nth-child(12) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.1s;
  animation-duration: 14.4s;
  background: rgba(241,166,119,0.8);
}
.stars .container:nth-child(13) {
  width: 2px;
  height: 2px;
  left: 70.5vw;
  animation-delay: -994.8s;
  animation-duration: 42.1s;
}
.stars .container:nth-child(13) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.5s;
  animation-duration: 19.1s;
  background: rgba(203,164,142,0.8);
}
.stars .container:nth-child(14) {
  width: 2px;
  height: 2px;
  left: 78vw;
  animation-delay: -990.7s;
  animation-duration: 89.7s;
}
.stars .container:nth-child(14) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.2s;
  animation-duration: 44.2s;
  background: #e5d2bb;
}
.stars .container:nth-child(15) {
  width: 2px;
  height: 2px;
  left: 17vw;
  animation-delay: -999.6s;
  animation-duration: 140.7s;
}
.stars .container:nth-child(15) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.9s;
  animation-duration: 14.4s;
  background: #fe9edc;
}
.stars .container:nth-child(16) {
  width: 1px;
  height: 1px;
  left: 18.5vw;
  animation-delay: -992.2s;
  animation-duration: 131s;
}
.stars .container:nth-child(16) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46s;
  animation-duration: 27.9s;
  background: #fdbded;
}
.stars .container:nth-child(17) {
  width: 3px;
  height: 3px;
  left: 24vw;
  animation-delay: -994.6666666666666s;
  animation-duration: 81.13333333333334s;
}
.stars .container:nth-child(17) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.1s;
  animation-duration: 37.8s;
  background: rgba(222,204,202,0.7);
}
.stars .container:nth-child(18) {
  width: 2px;
  height: 2px;
  left: 66.5vw;
  animation-delay: -998.5s;
  animation-duration: 23.4s;
}
.stars .container:nth-child(18) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.6s;
  animation-duration: 17.9s;
  background: rgba(214,190,204,0.9);
}
.stars .container:nth-child(19) {
  width: 3px;
  height: 3px;
  left: 4vw;
  animation-delay: -998.0666666666667s;
  animation-duration: 51.53333333333333s;
}
.stars .container:nth-child(19) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.6s;
  animation-duration: 26.2s;
  background: rgba(237,192,211,0.9);
}
.stars .container:nth-child(20) {
  width: 2px;
  height: 2px;
  left: 91.5vw;
  animation-delay: -992.9s;
  animation-duration: 42.2s;
}
.stars .container:nth-child(20) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49s;
  animation-duration: 9.1s;
  background: rgba(211,158,243,0.9);
}
.stars .container:nth-child(21) {
  width: 2px;
  height: 2px;
  left: 95.5vw;
  animation-delay: -993.6s;
  animation-duration: 57s;
}
.stars .container:nth-child(21) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.7s;
  animation-duration: 27s;
  background: #fddc67;
}
.stars .container:nth-child(22) {
  width: 1px;
  height: 1px;
  left: 42vw;
  animation-delay: -994.2s;
  animation-duration: 48.4s;
}
.stars .container:nth-child(22) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.5s;
  animation-duration: 27.8s;
  background: #e7a5ea;
}
.stars .container:nth-child(23) {
  width: 2px;
  height: 2px;
  left: 29vw;
  animation-delay: -992.3s;
  animation-duration: 125.9s;
}
.stars .container:nth-child(23) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.9s;
  animation-duration: 18.4s;
  background: rgba(249,227,239,0.9);
}
.stars .container:nth-child(24) {
  width: 3px;
  height: 3px;
  left: 49vw;
  animation-delay: -995.8s;
  animation-duration: 71.06666666666666s;
}
.stars .container:nth-child(24) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.7s;
  animation-duration: 42s;
  background: rgba(205,156,216,0.7);
}
.stars .container:nth-child(25) {
  width: 1px;
  height: 1px;
  left: 69vw;
  animation-delay: -991s;
  animation-duration: 86.4s;
}
.stars .container:nth-child(25) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49s;
  animation-duration: 40.9s;
  background: rgba(230,185,211,0.8);
}
.stars .container:nth-child(26) {
  width: 2px;
  height: 2px;
  left: 82vw;
  animation-delay: -995s;
  animation-duration: 152.5s;
}
.stars .container:nth-child(26) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.3s;
  animation-duration: 48.9s;
  background: rgba(240,159,246,0.8);
}
.stars .container:nth-child(27) {
  width: 3px;
  height: 3px;
  left: 27vw;
  animation-delay: -996.2666666666667s;
  animation-duration: 83.73333333333333s;
}
.stars .container:nth-child(27) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.8s;
  animation-duration: 37.8s;
  background: rgba(226,154,109,0.7);
}
.stars .container:nth-child(28) {
  width: 1px;
  height: 1px;
  left: 92vw;
  animation-delay: -994s;
  animation-duration: 40s;
}
.stars .container:nth-child(28) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.4s;
  animation-duration: 31.5s;
  background: rgba(229,228,171,0.9);
}
.stars .container:nth-child(29) {
  width: 2px;
  height: 2px;
  left: 67.5vw;
  animation-delay: -997.5s;
  animation-duration: 77s;
}
.stars .container:nth-child(29) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.6s;
  animation-duration: 29.6s;
  background: #dec9de;
}
.stars .container:nth-child(30) {
  width: 1px;
  height: 1px;
  left: 12.5vw;
  animation-delay: -997.6s;
  animation-duration: 97s;
}
.stars .container:nth-child(30) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.4s;
  animation-duration: 39.4s;
  background: rgba(236,194,107,0.7);
}
.stars .container:nth-child(31) {
  width: 1px;
  height: 1px;
  left: 71vw;
  animation-delay: -994.2s;
  animation-duration: 375s;
}
.stars .container:nth-child(31) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.6s;
  animation-duration: 11.1s;
  background: rgba(223,194,217,0.7);
}
.stars .container:nth-child(32) {
  width: 2px;
  height: 2px;
  left: 32.5vw;
  animation-delay: -999.5s;
  animation-duration: 132.2s;
}
.stars .container:nth-child(32) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.8s;
  animation-duration: 32.9s;
  background: rgba(205,206,208,0.7);
}
.stars .container:nth-child(33) {
  width: 2px;
  height: 2px;
  left: 2vw;
  animation-delay: -991.7s;
  animation-duration: 84.9s;
}
.stars .container:nth-child(33) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.1s;
  animation-duration: 20.3s;
  background: rgba(237,163,152,0.9);
}
.stars .container:nth-child(34) {
  width: 3px;
  height: 3px;
  left: 47.5vw;
  animation-delay: -995.4666666666667s;
  animation-duration: 19.733333333333334s;
}
.stars .container:nth-child(34) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.2s;
  animation-duration: 38.5s;
  background: #e3ca71;
}
.stars .container:nth-child(35) {
  width: 3px;
  height: 3px;
  left: 97.5vw;
  animation-delay: -995.2s;
  animation-duration: 119.86666666666667s;
}
.stars .container:nth-child(35) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40s;
  animation-duration: 7.3s;
  background: rgba(201,169,144,0.7);
}
.stars .container:nth-child(36) {
  width: 1px;
  height: 1px;
  left: 68.5vw;
  animation-delay: -993.4s;
  animation-duration: 143s;
}
.stars .container:nth-child(36) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.7s;
  animation-duration: 41.2s;
  background: rgba(204,168,155,0.8);
}
.stars .container:nth-child(37) {
  width: 2px;
  height: 2px;
  left: 34vw;
  animation-delay: -991.4s;
  animation-duration: 192.6s;
}
.stars .container:nth-child(37) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.7s;
  animation-duration: 22.2s;
  background: #e1a3f9;
}
.stars .container:nth-child(38) {
  width: 2px;
  height: 2px;
  left: 0.5vw;
  animation-delay: -993.5s;
  animation-duration: 153s;
}
.stars .container:nth-child(38) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.3s;
  animation-duration: 36.7s;
  background: rgba(202,218,255,0.7);
}
.stars .container:nth-child(39) {
  width: 1px;
  height: 1px;
  left: 10.5vw;
  animation-delay: -983.8s;
  animation-duration: 60.6s;
}
.stars .container:nth-child(39) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.2s;
  animation-duration: 21.5s;
  background: rgba(250,188,180,0.9);
}
.stars .container:nth-child(40) {
  width: 3px;
  height: 3px;
  left: 65.5vw;
  animation-delay: -996.3333333333334s;
  animation-duration: 72.8s;
}
.stars .container:nth-child(40) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.8s;
  animation-duration: 35.8s;
  background: rgba(244,151,128,0.7);
}
.stars .container:nth-child(41) {
  width: 3px;
  height: 3px;
  left: 41vw;
  animation-delay: -998s;
  animation-duration: 114.26666666666667s;
}
.stars .container:nth-child(41) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.9s;
  animation-duration: 26.6s;
  background: rgba(223,160,150,0.7);
}
.stars .container:nth-child(42) {
  width: 1px;
  height: 1px;
  left: 23vw;
  animation-delay: -986s;
  animation-duration: 49.4s;
}
.stars .container:nth-child(42) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.9s;
  animation-duration: 27.6s;
  background: rgba(203,221,232,0.9);
}
.stars .container:nth-child(43) {
  width: 2px;
  height: 2px;
  left: 49.5vw;
  animation-delay: -995.5s;
  animation-duration: 185.3s;
}
.stars .container:nth-child(43) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.7s;
  animation-duration: 36.2s;
  background: #d0c496;
}
.stars .container:nth-child(44) {
  width: 3px;
  height: 3px;
  left: 5.5vw;
  animation-delay: -998.1333333333333s;
  animation-duration: 95.26666666666667s;
}
.stars .container:nth-child(44) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.7s;
  animation-duration: 19.9s;
  background: #e2b9af;
}
.stars .container:nth-child(45) {
  width: 2px;
  height: 2px;
  left: 17.5vw;
  animation-delay: -993.5s;
  animation-duration: 173.8s;
}
.stars .container:nth-child(45) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.2s;
  animation-duration: 31.8s;
  background: rgba(236,248,222,0.8);
}
.stars .container:nth-child(46) {
  width: 2px;
  height: 2px;
  left: 36.5vw;
  animation-delay: -996.5s;
  animation-duration: 29.4s;
}
.stars .container:nth-child(46) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.8s;
  animation-duration: 42.6s;
  background: rgba(221,180,133,0.7);
}
.stars .container:nth-child(47) {
  width: 2px;
  height: 2px;
  left: 96.5vw;
  animation-delay: -994.1s;
  animation-duration: 81.6s;
}
.stars .container:nth-child(47) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.4s;
  animation-duration: 15.8s;
  background: rgba(201,214,207,0.8);
}
.stars .container:nth-child(48) {
  width: 3px;
  height: 3px;
  left: 52.5vw;
  animation-delay: -995.4666666666667s;
  animation-duration: 32s;
}
.stars .container:nth-child(48) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47s;
  animation-duration: 28.3s;
  background: rgba(221,207,147,0.7);
}
.stars .container:nth-child(49) {
  width: 1px;
  height: 1px;
  left: 14vw;
  animation-delay: -991s;
  animation-duration: 154.4s;
}
.stars .container:nth-child(49) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.6s;
  animation-duration: 26.7s;
  background: rgba(204,186,164,0.9);
}
.stars .container:nth-child(50) {
  width: 3px;
  height: 3px;
  left: 63.5vw;
  animation-delay: -998.2666666666667s;
  animation-duration: 90.66666666666667s;
}
.stars .container:nth-child(50) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.7s;
  animation-duration: 49s;
  background: rgba(238,218,227,0.7);
}
.stars .container:nth-child(51) {
  width: 2px;
  height: 2px;
  left: 27.5vw;
  animation-delay: -991.3s;
  animation-duration: 177.4s;
}
.stars .container:nth-child(51) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.6s;
  animation-duration: 23.7s;
  background: rgba(221,252,140,0.9);
}
.stars .container:nth-child(52) {
  width: 2px;
  height: 2px;
  left: 9vw;
  animation-delay: -994.7s;
  animation-duration: 177.4s;
}
.stars .container:nth-child(52) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.5s;
  animation-duration: 16s;
  background: rgba(251,218,225,0.8);
}
.stars .container:nth-child(53) {
  width: 2px;
  height: 2px;
  left: 41vw;
  animation-delay: -996.8s;
  animation-duration: 60.7s;
}
.stars .container:nth-child(53) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.7s;
  animation-duration: 42.8s;
  background: rgba(244,179,196,0.9);
}
.stars .container:nth-child(54) {
  width: 1px;
  height: 1px;
  left: 18.5vw;
  animation-delay: -990.2s;
  animation-duration: 108.6s;
}
.stars .container:nth-child(54) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.8s;
  animation-duration: 15.4s;
  background: rgba(246,207,178,0.9);
}
.stars .container:nth-child(55) {
  width: 2px;
  height: 2px;
  left: 75.5vw;
  animation-delay: -996.8s;
  animation-duration: 159.2s;
}
.stars .container:nth-child(55) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.2s;
  animation-duration: 14.1s;
  background: #eab5ce;
}
.stars .container:nth-child(56) {
  width: 2px;
  height: 2px;
  left: 46.5vw;
  animation-delay: -993.9s;
  animation-duration: 59.6s;
}
.stars .container:nth-child(56) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.2s;
  animation-duration: 43s;
  background: rgba(255,167,183,0.8);
}
.stars .container:nth-child(57) {
  width: 3px;
  height: 3px;
  left: 32.5vw;
  animation-delay: -995.8666666666667s;
  animation-duration: 110.53333333333335s;
}
.stars .container:nth-child(57) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.1s;
  animation-duration: 19s;
  background: rgba(216,210,246,0.7);
}
.stars .container:nth-child(58) {
  width: 2px;
  height: 2px;
  left: 89vw;
  animation-delay: -994s;
  animation-duration: 50s;
}
.stars .container:nth-child(58) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.6s;
  animation-duration: 39.7s;
  background: rgba(211,219,207,0.7);
}
.stars .container:nth-child(59) {
  width: 3px;
  height: 3px;
  left: 4.5vw;
  animation-delay: -994.2666666666667s;
  animation-duration: 70.73333333333333s;
}
.stars .container:nth-child(59) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.2s;
  animation-duration: 41.6s;
  background: #ebf2d6;
}
.stars .container:nth-child(60) {
  width: 1px;
  height: 1px;
  left: 45.5vw;
  animation-delay: -987.8s;
  animation-duration: 297s;
}
.stars .container:nth-child(60) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.1s;
  animation-duration: 18.5s;
  background: rgba(241,169,252,0.9);
}
.stars .container:nth-child(61) {
  width: 3px;
  height: 3px;
  left: 4vw;
  animation-delay: -996.8s;
  animation-duration: 101.66666666666667s;
}
.stars .container:nth-child(61) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.9s;
  animation-duration: 29.9s;
  background: rgba(233,209,161,0.9);
}
.stars .container:nth-child(62) {
  width: 2px;
  height: 2px;
  left: 1.5vw;
  animation-delay: -993.2s;
  animation-duration: 42s;
}
.stars .container:nth-child(62) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.8s;
  animation-duration: 32.5s;
  background: rgba(214,199,201,0.9);
}
.stars .container:nth-child(63) {
  width: 2px;
  height: 2px;
  left: 20vw;
  animation-delay: -997.6s;
  animation-duration: 48.9s;
}
.stars .container:nth-child(63) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.8s;
  animation-duration: 11.6s;
  background: #fea5f3;
}
.stars .container:nth-child(64) {
  width: 3px;
  height: 3px;
  left: 66vw;
  animation-delay: -994.2666666666667s;
  animation-duration: 104s;
}
.stars .container:nth-child(64) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.7s;
  animation-duration: 24.5s;
  background: #ecf88a;
}
.stars .container:nth-child(65) {
  width: 2px;
  height: 2px;
  left: 84vw;
  animation-delay: -997.5s;
  animation-duration: 176.4s;
}
.stars .container:nth-child(65) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.2s;
  animation-duration: 36.6s;
  background: rgba(214,181,111,0.7);
}
.stars .container:nth-child(66) {
  width: 2px;
  height: 2px;
  left: 23.5vw;
  animation-delay: -998.9s;
  animation-duration: 176.5s;
}
.stars .container:nth-child(66) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.2s;
  animation-duration: 32.1s;
  background: #efe9d4;
}
.stars .container:nth-child(67) {
  width: 1px;
  height: 1px;
  left: 81vw;
  animation-delay: -998s;
  animation-duration: 46.2s;
}
.stars .container:nth-child(67) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.5s;
  animation-duration: 46.4s;
  background: rgba(232,216,177,0.8);
}
.stars .container:nth-child(68) {
  width: 3px;
  height: 3px;
  left: 80vw;
  animation-delay: -997.8s;
  animation-duration: 38.6s;
}
.stars .container:nth-child(68) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.5s;
  animation-duration: 19.2s;
  background: rgba(235,152,168,0.8);
}
.stars .container:nth-child(69) {
  width: 2px;
  height: 2px;
  left: 53vw;
  animation-delay: -999.4s;
  animation-duration: 151.2s;
}
.stars .container:nth-child(69) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.8s;
  animation-duration: 28.6s;
  background: rgba(246,188,181,0.7);
}
.stars .container:nth-child(70) {
  width: 2px;
  height: 2px;
  left: 51.5vw;
  animation-delay: -998.2s;
  animation-duration: 181.8s;
}
.stars .container:nth-child(70) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.7s;
  animation-duration: 7.1s;
  background: #f2a2cf;
}
.stars .container:nth-child(71) {
  width: 1px;
  height: 1px;
  left: 60.5vw;
  animation-delay: -986s;
  animation-duration: 360.2s;
}
.stars .container:nth-child(71) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.2s;
  animation-duration: 7.4s;
  background: rgba(245,227,157,0.9);
}
.stars .container:nth-child(72) {
  width: 2px;
  height: 2px;
  left: 88.5vw;
  animation-delay: -999.1s;
  animation-duration: 80.1s;
}
.stars .container:nth-child(72) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.1s;
  animation-duration: 13.3s;
  background: #e7a0b9;
}
.stars .container:nth-child(73) {
  width: 3px;
  height: 3px;
  left: 7vw;
  animation-delay: -995.2666666666667s;
  animation-duration: 117.73333333333333s;
}
.stars .container:nth-child(73) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.7s;
  animation-duration: 22.6s;
  background: rgba(208,189,134,0.8);
}
.stars .container:nth-child(74) {
  width: 1px;
  height: 1px;
  left: 83vw;
  animation-delay: -989s;
  animation-duration: 265.2s;
}
.stars .container:nth-child(74) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.4s;
  animation-duration: 36.9s;
  background: rgba(251,194,209,0.7);
}
.stars .container:nth-child(75) {
  width: 1px;
  height: 1px;
  left: 5vw;
  animation-delay: -987s;
  animation-duration: 95s;
}
.stars .container:nth-child(75) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.8s;
  animation-duration: 18.3s;
  background: rgba(250,178,160,0.8);
}
.stars .container:nth-child(76) {
  width: 2px;
  height: 2px;
  left: 59.5vw;
  animation-delay: -997.3s;
  animation-duration: 87.3s;
}
.stars .container:nth-child(76) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.7s;
  animation-duration: 33.4s;
  background: rgba(233,220,233,0.8);
}
.stars .container:nth-child(77) {
  width: 2px;
  height: 2px;
  left: 1vw;
  animation-delay: -990.7s;
  animation-duration: 34s;
}
.stars .container:nth-child(77) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.9s;
  animation-duration: 6.3s;
  background: rgba(212,207,132,0.8);
}
.stars .container:nth-child(78) {
  width: 1px;
  height: 1px;
  left: 96.5vw;
  animation-delay: -993.4s;
  animation-duration: 120.4s;
}
.stars .container:nth-child(78) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.9s;
  animation-duration: 43.3s;
  background: rgba(200,158,120,0.8);
}
.stars .container:nth-child(79) {
  width: 2px;
  height: 2px;
  left: 9vw;
  animation-delay: -995.9s;
  animation-duration: 108.9s;
}
.stars .container:nth-child(79) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.1s;
  animation-duration: 31.6s;
  background: rgba(220,224,180,0.8);
}
.stars .container:nth-child(80) {
  width: 3px;
  height: 3px;
  left: 53.5vw;
  animation-delay: -999.5333333333333s;
  animation-duration: 74.53333333333333s;
}
.stars .container:nth-child(80) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.3s;
  animation-duration: 19.1s;
  background: rgba(210,214,108,0.7);
}
.stars .container:nth-child(81) {
  width: 3px;
  height: 3px;
  left: 39.5vw;
  animation-delay: -993.8s;
  animation-duration: 16.933333333333334s;
}
.stars .container:nth-child(81) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.7s;
  animation-duration: 16.3s;
  background: rgba(234,172,108,0.7);
}
.stars .container:nth-child(82) {
  width: 3px;
  height: 3px;
  left: 81vw;
  animation-delay: -998.4666666666667s;
  animation-duration: 32s;
}
.stars .container:nth-child(82) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.8s;
  animation-duration: 24.8s;
  background: #d9e6da;
}
.stars .container:nth-child(83) {
  width: 2px;
  height: 2px;
  left: 36vw;
  animation-delay: -991s;
  animation-duration: 132.3s;
}
.stars .container:nth-child(83) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.8s;
  animation-duration: 6.7s;
  background: rgba(254,192,172,0.8);
}
.stars .container:nth-child(84) {
  width: 2px;
  height: 2px;
  left: 73.5vw;
  animation-delay: -999.2s;
  animation-duration: 113.2s;
}
.stars .container:nth-child(84) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.3s;
  animation-duration: 45.6s;
  background: rgba(240,176,215,0.8);
}
.stars .container:nth-child(85) {
  width: 3px;
  height: 3px;
  left: 45.5vw;
  animation-delay: -995s;
  animation-duration: 127.2s;
}
.stars .container:nth-child(85) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.2s;
  animation-duration: 46.8s;
  background: rgba(223,179,178,0.9);
}
.stars .container:nth-child(86) {
  width: 1px;
  height: 1px;
  left: 61vw;
  animation-delay: -982.4s;
  animation-duration: 225.8s;
}
.stars .container:nth-child(86) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.4s;
  animation-duration: 11.3s;
  background: rgba(230,176,215,0.7);
}
.stars .container:nth-child(87) {
  width: 2px;
  height: 2px;
  left: 59vw;
  animation-delay: -990.2s;
  animation-duration: 113.3s;
}
.stars .container:nth-child(87) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.6s;
  animation-duration: 28.8s;
  background: rgba(200,184,115,0.8);
}
.stars .container:nth-child(88) {
  width: 2px;
  height: 2px;
  left: 3.5vw;
  animation-delay: -995.1s;
  animation-duration: 157.1s;
}
.stars .container:nth-child(88) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.7s;
  animation-duration: 39.5s;
  background: #e1de6b;
}
.stars .container:nth-child(89) {
  width: 3px;
  height: 3px;
  left: 82.5vw;
  animation-delay: -999.7333333333333s;
  animation-duration: 73.13333333333334s;
}
.stars .container:nth-child(89) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.7s;
  animation-duration: 30.3s;
  background: #f9d6fa;
}
.stars .container:nth-child(90) {
  width: 1px;
  height: 1px;
  left: 86vw;
  animation-delay: -992.8s;
  animation-duration: 201.4s;
}
.stars .container:nth-child(90) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.4s;
  animation-duration: 32.7s;
  background: rgba(228,212,195,0.8);
}
.stars .container:nth-child(91) {
  width: 3px;
  height: 3px;
  left: 52vw;
  animation-delay: -993.6666666666666s;
  animation-duration: 57.6s;
}
.stars .container:nth-child(91) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.8s;
  animation-duration: 5.5s;
  background: rgba(202,241,240,0.8);
}
.stars .container:nth-child(92) {
  width: 3px;
  height: 3px;
  left: 40.5vw;
  animation-delay: -998.6s;
  animation-duration: 71.46666666666667s;
}
.stars .container:nth-child(92) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.2s;
  animation-duration: 28.9s;
  background: rgba(227,247,238,0.7);
}
.stars .container:nth-child(93) {
  width: 1px;
  height: 1px;
  left: 98vw;
  animation-delay: -995.6s;
  animation-duration: 157.2s;
}
.stars .container:nth-child(93) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.6s;
  animation-duration: 26.9s;
  background: #f4d5bd;
}
.stars .container:nth-child(94) {
  width: 2px;
  height: 2px;
  left: 44vw;
  animation-delay: -999.1s;
  animation-duration: 54.5s;
}
.stars .container:nth-child(94) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.8s;
  animation-duration: 5.8s;
  background: #e6d6b4;
}
.stars .container:nth-child(95) {
  width: 2px;
  height: 2px;
  left: 86vw;
  animation-delay: -995.7s;
  animation-duration: 165.5s;
}
.stars .container:nth-child(95) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46s;
  animation-duration: 14.3s;
  background: rgba(226,195,184,0.9);
}
.stars .container:nth-child(96) {
  width: 1px;
  height: 1px;
  left: 42vw;
  animation-delay: -984.2s;
  animation-duration: 296.2s;
}
.stars .container:nth-child(96) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.8s;
  animation-duration: 35.6s;
  background: rgba(249,224,127,0.9);
}
.stars .container:nth-child(97) {
  width: 1px;
  height: 1px;
  left: 67vw;
  animation-delay: -992.6s;
  animation-duration: 209.4s;
}
.stars .container:nth-child(97) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48s;
  animation-duration: 15.3s;
  background: rgba(233,160,200,0.8);
}
.stars .container:nth-child(98) {
  width: 2px;
  height: 2px;
  left: 11vw;
  animation-delay: -990.9s;
  animation-duration: 46.3s;
}
.stars .container:nth-child(98) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.3s;
  animation-duration: 20.6s;
  background: rgba(250,246,236,0.9);
}
.stars .container:nth-child(99) {
  width: 2px;
  height: 2px;
  left: 0vw;
  animation-delay: -992.7s;
  animation-duration: 25.6s;
}
.stars .container:nth-child(99) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.7s;
  animation-duration: 34.9s;
  background: rgba(205,157,219,0.9);
}
.stars .container:nth-child(100) {
  width: 2px;
  height: 2px;
  left: 53vw;
  animation-delay: -994.1s;
  animation-duration: 183.7s;
}
.stars .container:nth-child(100) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47s;
  animation-duration: 32.1s;
  background: rgba(206,172,104,0.8);
}
@-moz-keyframes stars {
  0% {
    top: 110vh;
  }
  100% {
    top: -10vh;
  }
}
@-webkit-keyframes stars {
  0% {
    top: 110vh;
  }
  100% {
    top: -10vh;
  }
}
@-o-keyframes stars {
  0% {
    top: 110vh;
  }
  100% {
    top: -10vh;
  }
}
@keyframes stars {
  0% {
    top: 110vh;
  }
  100% {
    top: -10vh;
  }
}
@-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;
  }
}





.text {
max-width:711px;
}




@media only screen and (min-width:600px) and (max-width:300px){


.text {
max-width:700px;
}

	
}