.stars-wrapper {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #000;
  perspective: 340px;
}

.stars {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  box-shadow: 977px -364px #dbdbdb, 946px 479px #e6e6e6, -1175px -251px #e3e3e3, -482px 422px #dedede, -22px 427px #c2c2c2, 1233px 442px #fafafa, -461px -66px #c4c4c4, -1403px 284px #f0f0f0, 731px -352px #d4d4d4, 219px 81px #cccccc, 389px 87px #c9c9c9, -348px 245px #d6d6d6, -28px 410px #dedede, 465px 186px #fafafa, -905px -126px whitesmoke, 376px 104px #f2f2f2, 1246px -438px #f7f7f7, -409px 174px #e6e6e6, 1465px 80px #e6e6e6, -1187px 292px #fafafa, -900px 318px #c7c7c7, 799px 102px #d4d4d4, 318px -291px #c7c7c7, -253px 154px #dbdbdb, 972px -116px #dbdbdb, 1382px -409px #ededed, 1412px 267px #cfcfcf, 474px -267px #c9c9c9, 260px -5px #d9d9d9, -1441px -110px white, -338px -102px #dbdbdb, -261px -407px #fafafa, 838px -461px #c7c7c7, -264px 82px #ebebeb, 332px -422px white, -306px 42px #fcfcfc, 301px -411px #c2c2c2, -898px 446px #d9d9d9, -139px 0px #c4c4c4, 148px 163px #d4d4d4, -128px -254px white, -343px -382px #d4d4d4, 1188px -327px #cccccc, -1481px -113px #f7f7f7, -485px -138px white, 1321px 395px #f0f0f0, 596px -339px #f7f7f7, -1357px -274px #fafafa, 319px -284px #d4d4d4, 144px 293px #dbdbdb, 726px 12px #e3e3e3, -852px 181px #fafafa, 1163px 38px #dbdbdb, -1439px -276px #e8e8e8, 626px 280px white, 882px -424px #cfcfcf, -952px 94px white, 908px 347px #c2c2c2, 71px -295px #fafafa, -860px 378px #c7c7c7, -429px 155px #f7f7f7, 293px 353px #f2f2f2, -908px 319px #c2c2c2, -923px -269px #cfcfcf, -1024px 32px #fafafa, 106px -425px #e6e6e6, 955px 191px #f7f7f7, 570px -34px #d9d9d9, -228px 392px #d1d1d1, -336px 469px #f2f2f2, 1052px -235px #ebebeb, -579px 226px #f0f0f0, -529px 177px #d6d6d6, -1125px 183px #d1d1d1, -1145px 175px #fcfcfc, 47px -7px #e3e3e3, -1466px 299px #d4d4d4, -393px -309px white, 0px -35px #fcfcfc, -1492px -105px #f0f0f0, 1011px 433px #cccccc, 1351px -410px #d9d9d9, 1006px 94px #c4c4c4, 460px -211px #e3e3e3, -900px -108px #fafafa, -1141px 188px #e6e6e6, 817px -77px #c9c9c9, 428px 123px #e6e6e6, 1067px 282px #f2f2f2, -73px 253px #e0e0e0, -344px 132px #e8e8e8, -1337px -231px #dedede, -176px 370px whitesmoke, -128px 108px #e6e6e6, -850px 205px whitesmoke, -397px -301px #fcfcfc, -951px 291px #f7f7f7, 1075px -155px #c4c4c4, 1475px 200px #d9d9d9, 210px -317px #dbdbdb, 149px 468px #d9d9d9, 208px 258px #fcfcfc, -618px 354px whitesmoke, -548px 90px #dbdbdb, 218px -75px #f2f2f2, -1081px 368px #e3e3e3, -334px -440px #ededed, 1032px -414px #ededed, -520px -284px #fcfcfc, 635px -149px whitesmoke, -1247px -321px #e8e8e8, -323px -248px #c9c9c9, -551px 315px #e6e6e6, -1084px -80px #fafafa, -562px 85px #c2c2c2, 496px -115px #d6d6d6, -197px -104px #d4d4d4, -1327px -300px whitesmoke, -253px 158px #fafafa, -1494px 454px #fcfcfc, 1381px -205px #c7c7c7, -471px 356px #f2f2f2, 643px -478px #c4c4c4, 1242px -281px #f7f7f7, 1057px 377px #c9c9c9, 311px -282px #e3e3e3, 834px -78px white, 1383px 415px #c9c9c9, 1485px -99px #dedede, -915px -479px #f0f0f0, 345px 257px #e6e6e6, 589px -206px #fcfcfc, 1100px -398px #cccccc, -1477px -23px #d9d9d9, 563px -399px white, 141px 148px #fafafa, -409px 175px #cfcfcf, -459px -86px #e3e3e3, -710px 387px #c9c9c9, -910px -474px #c9c9c9, -1117px 140px #d1d1d1, 7px -235px #fafafa, -661px -336px #dedede, 1471px -151px #d9d9d9, -1296px 39px #d9d9d9, 995px 38px #e8e8e8, -1310px 201px #c4c4c4, -344px 82px #e6e6e6, 526px 150px #e0e0e0, 127px -378px #f0f0f0, 59px 463px #f7f7f7, -1127px 459px #f0f0f0, -728px 159px #ededed, -61px 15px #d4d4d4, 759px -101px #f2f2f2, 648px -31px #f0f0f0, -1291px 361px #c7c7c7, 56px 177px #dbdbdb, 58px -180px #fcfcfc, 1157px -172px #dedede, -791px -235px white, 1295px 198px white, -1463px 410px #f2f2f2, 691px -63px #e0e0e0, 530px -411px #ededed, -1405px 114px #e6e6e6, -787px -215px #f7f7f7, -1050px 218px #d6d6d6, -488px 415px #fcfcfc, -1188px 94px #e8e8e8, -956px -81px #fcfcfc, -1077px 126px #f0f0f0, 1050px -342px whitesmoke, 809px 80px #c4c4c4, -54px -103px #c2c2c2, 621px -243px #d1d1d1, 1351px -467px #d4d4d4, 383px 344px #d1d1d1, 525px -462px #cccccc, -1315px -126px #f7f7f7, -1433px -9px #c4c4c4, 1185px 140px #dbdbdb, 838px 373px whitesmoke, -648px -116px white, -1301px 79px #d9d9d9, 1318px -8px white, -106px -421px #e8e8e8, 262px 158px #f2f2f2, 187px -263px #fcfcfc, -1009px 389px #e8e8e8, -786px 469px #f2f2f2, 986px -398px #ebebeb, -1384px 92px #c9c9c9, 1363px 341px #e6e6e6, -77px 25px white, 1329px 291px #cccccc, -382px -211px #dbdbdb, -162px -217px #f2f2f2, -76px -442px #cfcfcf, -897px 156px #d6d6d6, 218px 456px #e0e0e0, -191px -211px #dedede, 49px 307px #f2f2f2, -609px -134px #f7f7f7, 682px 316px #ebebeb, 1480px -275px whitesmoke, -1387px 199px whitesmoke, -1242px 206px white, 1348px -161px #d4d4d4, 328px 364px #cfcfcf, 866px -193px #fafafa, -580px 476px white, -267px -230px #dedede, 616px 172px #dedede, -148px -132px whitesmoke, -99px -452px #e0e0e0, -794px -212px whitesmoke, 618px -113px #f7f7f7, -526px -395px #c2c2c2, 422px -30px #cccccc, -322px 96px #d4d4d4, 1002px 37px #cfcfcf, -687px 73px white, 1010px -20px #c4c4c4, 630px 16px #cccccc, 1103px -67px #f2f2f2, 177px 203px #e3e3e3, -1282px 338px #d6d6d6, -554px -460px #cccccc, 872px -235px #d9d9d9, -159px 410px #c2c2c2, -881px 86px #cccccc, 955px -193px #cfcfcf, -921px 15px #ededed, 1212px -276px #f7f7f7, 1476px 277px #e0e0e0, -1192px 342px white, -745px -110px #fafafa, 734px -365px #fafafa, -44px -201px #ebebeb, -928px 460px #f7f7f7, 802px -362px #dedede, -1404px 82px #f7f7f7, -222px 18px #ebebeb, 378px 9px #e6e6e6, 188px -156px #f0f0f0, -373px 293px #cccccc, 475px 197px whitesmoke, -1142px -206px #dedede, -988px 229px #dedede, -1092px -350px #d6d6d6, -5px -135px #f2f2f2, 1325px -83px #d9d9d9, 1223px 412px #d6d6d6, -1437px -77px #c7c7c7, -133px -236px #fafafa, -1028px 269px #e0e0e0, -1261px -62px #d4d4d4, -1138px 163px #f2f2f2, -1406px -95px #dbdbdb, 1229px -76px white, -913px -9px #e6e6e6, 837px -177px #c9c9c9, 981px 130px #c2c2c2, -1055px 385px #f7f7f7, 492px 460px #e6e6e6, -317px 142px #e0e0e0, -343px -300px #e0e0e0, -700px -46px #e8e8e8, -571px 399px #d1d1d1, 1197px 384px #e8e8e8, 1425px 388px #d9d9d9, -471px 154px #c9c9c9, -201px -461px #c4c4c4, 239px 97px #d1d1d1, -180px 382px #e8e8e8, 40px -97px #f0f0f0, -294px 132px #c9c9c9, -1133px -82px #dbdbdb, 883px 217px #fcfcfc, -404px 82px #ebebeb, -1161px -423px #fafafa, 895px -411px #e8e8e8, 636px -121px #ebebeb, 34px 239px #d4d4d4, -1004px 10px #fafafa, 521px -223px #c2c2c2, 549px 357px #e0e0e0, 1202px -188px white, 780px 220px #fafafa, -1254px -146px #d1d1d1, 876px 103px #fafafa, -1231px -169px #d9d9d9, 857px -222px #e3e3e3, -205px 71px #c4c4c4, 931px 368px #c4c4c4, 835px 116px #fafafa, 557px -120px white, -771px 202px white, 156px 448px #f0f0f0, -334px 223px #dbdbdb, 1443px 346px #f2f2f2, -1321px 125px #cfcfcf, -972px -119px #cfcfcf, 565px 356px #c7c7c7, -877px 117px #d9d9d9, 922px 474px #cfcfcf, 94px 158px #e0e0e0, -1429px -209px #e6e6e6, -1368px -32px #f2f2f2, -51px -137px #d4d4d4, -607px -168px #d6d6d6, -979px -146px #d6d6d6, -1190px 198px #d9d9d9, -1027px 58px #e0e0e0, 925px 111px #cccccc, 883px -102px #d1d1d1, 102px -438px #f2f2f2, -953px -81px #d4d4d4, -550px -217px #e0e0e0, -1006px 207px #cccccc, -304px -407px #e0e0e0, 364px -134px #e0e0e0, -532px -42px #d1d1d1, 748px -52px #c4c4c4, -75px -306px #f7f7f7, -367px -155px #d9d9d9, -1178px -88px #dbdbdb, -146px 436px #dedede, -554px 69px #c4c4c4, 987px -211px #c2c2c2, -1356px 88px #c9c9c9, 1291px 30px #f0f0f0, 1194px -128px #c4c4c4, -342px -151px #d9d9d9, 22px -319px #d1d1d1, 604px 427px #d4d4d4, 246px -310px #f0f0f0, -463px -241px #c4c4c4, -722px 232px #ededed, 1437px 231px #d4d4d4, -436px 278px #d6d6d6, -158px 414px #e3e3e3, 321px -19px #c7c7c7, 1095px -311px #c9c9c9, -764px 282px #dedede, -37px 109px #fcfcfc, -1118px 410px #c4c4c4, -1111px 290px #ededed, -1001px 419px white, 583px 413px #fafafa;
  animation: fly 3s linear infinite;
  transform-style: preserve-3d;
}
.stars:before, .stars:after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  box-shadow: inherit;
}
.stars:before {
  transform: translateZ(-300px);
  animation: fade1 3s linear infinite;
}
.stars:after {
  transform: translateZ(-600px);
  animation: fade2 3s linear infinite;
}

@keyframes fly {
  from {
    transform: translateZ(0px);
  }
  to {
    transform: translateZ(300px);
  }
}
@keyframes fade1 {
  from {
    opacity: .5;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade2 {
  from {
    opacity: 0;
  }
  to {
    opacity: .5;
  }
}
body {
  margin: 0;
}