.stars {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 2px;
  box-shadow: 1295px -103px #c9c9c9, -537px 154px #ededed, 474px -199px #e3e3e3, 1250px -150px #cfcfcf, -272px 108px #cfcfcf, 34px 0px #f0f0f0, 74px -136px #fafafa, -1440px 57px #c4c4c4, 1303px -158px #cfcfcf, 1393px 71px #c7c7c7, -412px -108px #dedede, 510px -44px whitesmoke, 771px -44px #d1d1d1, -151px 127px #ededed, -994px -196px #d6d6d6, 63px -190px #d6d6d6, -408px -137px #ebebeb, -8px 152px #d9d9d9, 274px -119px #cccccc, 856px 9px #fcfcfc, -142px 31px #d9d9d9, 463px -168px #c7c7c7, -566px 12px #e3e3e3, 1110px -151px #cfcfcf, -828px 83px #c9c9c9, 1482px 17px #cccccc, 1285px 43px #e3e3e3, 1223px 180px #f0f0f0, -573px 7px #cfcfcf, -1435px -149px #e6e6e6, -1159px -186px #d4d4d4, 848px -132px white, -396px -44px #e3e3e3, 692px -44px #cccccc, -299px 199px #cccccc, -34px -134px #d4d4d4, 7px 166px #d4d4d4, -1229px -127px #dedede, -119px 121px #f7f7f7, -304px -169px #d4d4d4, -599px -147px #cccccc, 218px -122px #c2c2c2, -1151px -114px #e0e0e0, -57px 182px #dedede, -397px -180px #c4c4c4, 944px 43px #fcfcfc, 643px 76px #cccccc, 246px 88px #d1d1d1, 588px -15px #d4d4d4, -401px 36px #fafafa, -408px 119px #fafafa, -712px 11px #f2f2f2, 154px -52px #e0e0e0, -6px 111px #dedede, -474px -117px whitesmoke, 1495px 7px #e6e6e6, -1106px 156px #cfcfcf, 801px -35px #c7c7c7, -1061px 12px #fcfcfc, 900px 156px #ededed, 398px -136px #d1d1d1, -510px 131px #f0f0f0, -891px -39px #f0f0f0, 211px -129px #f0f0f0, -113px -134px #c9c9c9, 265px -56px #dedede, -866px 135px #d9d9d9, 397px -186px #d4d4d4, -942px -25px #e8e8e8, -1162px 75px #e0e0e0, -160px -169px #ebebeb, -741px -51px #f7f7f7, 1076px 79px #c4c4c4, 727px 73px #d6d6d6, -339px -66px #e6e6e6, -285px 9px #d6d6d6, -1048px 82px #f0f0f0, 411px -161px #fcfcfc, -1008px 142px #ededed, 1174px -86px #cfcfcf, -79px 25px #d9d9d9, 868px 35px #c2c2c2, -736px 151px #dbdbdb, 755px -115px #e3e3e3, -1340px 164px #c4c4c4, 868px -139px #d9d9d9, 1221px -156px #f0f0f0, 1381px 76px #f7f7f7, -1337px -92px #dbdbdb, -131px 60px #ededed, -850px 95px #cfcfcf, 807px -27px #e8e8e8, -1105px 90px #ededed, -1381px 49px #dbdbdb, -1033px -155px #dedede, 249px 14px #c4c4c4, 879px -131px #d9d9d9, -951px 28px whitesmoke, -1483px 112px #d9d9d9, -409px -79px #cccccc, 118px -15px #e6e6e6, -247px -16px white, 813px 163px #cfcfcf, 1158px -88px #cccccc, 200px 183px #d9d9d9, 637px -144px #d6d6d6, -430px -93px #e8e8e8, 739px -86px #e6e6e6, 782px 129px #d1d1d1, 131px -89px #fafafa, 1315px 78px #c4c4c4, -881px 86px #f2f2f2, -809px 51px #dedede, -167px -57px #c4c4c4, 261px 13px #fcfcfc, -1014px 31px whitesmoke, -880px 190px #c7c7c7, -1486px -197px #c7c7c7, 400px -162px #c2c2c2, 1287px -123px #c4c4c4, -415px -187px #c4c4c4, 220px 174px whitesmoke, -1422px -98px white, 482px 169px #cfcfcf, -751px -135px #ededed, 189px -40px #c2c2c2, 47px -100px #d6d6d6, 819px 68px #c4c4c4, -1211px 180px #f7f7f7, 933px 130px #fcfcfc, -1159px -15px #f0f0f0, 135px -134px #dbdbdb, 219px 101px #fcfcfc, 1205px 171px #c9c9c9, -211px 65px #ebebeb, 179px 60px #d6d6d6, 815px -4px #e6e6e6, -43px -82px #d1d1d1, -1258px 180px whitesmoke, -933px 174px #f2f2f2, -534px -191px #c9c9c9, -926px 58px #ededed, 142px 151px #f2f2f2, 149px 194px #e3e3e3, 1273px -197px #ededed, -305px -154px white, -1214px 115px #e0e0e0, -158px -186px #fcfcfc, 476px 84px #c9c9c9, 1267px -174px #fcfcfc, 207px 189px #e3e3e3;
  animation: fly 40s alternate infinite;
  transform-style: preserve-3d;
}
.stars:before, .stars:after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  box-shadow: inherit;
}
.stars:before {
  transform: translateZ(-100px);
  animation: fade1 40s linear infinite;
  
}
.stars:after {
  transform: translateZ(-200px);
  animation: fade2 40s linear infinite;
}

@keyframes fly {
  from {
    transform: translateZ(0px);
  }
  to {
    transform: translateZ(100px);
  }
}
@keyframes fade1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes fade2 {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 0;
  }
}