/* 3D Starfield effect by Keith Clark - https://codepen.io/keithclark/pen/JjWyBb */
.stars {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 2px;
    box-shadow: -1034px 141px hsl(0,0%,77%),296px 743px hsl(0,0%,81%),1286px 232px hsl(0,0%,95%),-323px -591px hsl(0,0%,80%),567px -685px hsl(0,0%,83%),67px 1010px hsl(0,0%,82%),-1262px 474px hsl(0,0%,84%),1217px -349px hsl(0,0%,77%),201px -449px hsl(0,0%,78%),532px 357px hsl(0,0%,90%),1001px 925px hsl(0,0%,83%),1261px 544px hsl(0,0%,86%),-1208px 701px hsl(0,0%,95%),-472px -1371px hsl(0,0%,84%),814px 235px hsl(0,0%,87%),-734px -237px hsl(0,0%,86%),-141px -168px hsl(0,0%,93%),1315px 249px hsl(0,0%,79%),1196px 372px hsl(0,0%,83%),587px -558px hsl(0,0%,75%),-373px -471px hsl(0,0%,87%),862px 937px hsl(0,0%,78%),903px -85px hsl(0,0%,90%),-734px -167px hsl(0,0%,86%),-921px -801px hsl(0,0%,84%),-598px -74px hsl(0,0%,75%),969px -323px hsl(0,0%,95%),-829px -284px hsl(0,0%,82%),-904px -1176px hsl(0,0%,97%),160px -223px hsl(0,0%,88%),971px -594px hsl(0,0%,90%),-351px 254px hsl(0,0%,84%),805px 540px hsl(0,0%,91%),1152px -940px hsl(0,0%,91%),97px -183px hsl(0,0%,83%),-579px -328px hsl(0,0%,88%),-735px -214px hsl(0,0%,86%),1212px 151px hsl(0,0%,93%),327px -841px hsl(0,0%,78%),169px -163px hsl(0,0%,93%),743px 956px hsl(0,0%,87%),-497px -735px hsl(0,0%,84%),-742px 1013px hsl(0,0%,96%),109px 923px hsl(0,0%,98%),-802px 1194px hsl(0,0%,95%),357px -96px hsl(0,0%,91%),34px -1122px hsl(0,0%,85%),1409px -471px hsl(0,0%,90%),780px -841px hsl(0,0%,86%),377px 436px hsl(0,0%,97%),121px -1099px hsl(0,0%,93%),-110px 1174px hsl(0,0%,88%),-114px -1071px hsl(0,0%,95%),1229px -53px hsl(0,0%,77%),-1224px 741px hsl(0,0%,91%),-354px -1389px hsl(0,0%,98%),655px -726px hsl(0,0%,96%),841px 521px hsl(0,0%,89%),1270px 236px hsl(0,0%,83%),1111px 713px hsl(0,0%,82%),-122px 299px hsl(0,0%,84%),1125px 621px hsl(0,0%,84%),-73px -935px hsl(0,0%,94%),366px -540px hsl(0,0%,97%),475px 798px hsl(0,0%,83%),66px 411px hsl(0,0%,80%),-490px 1180px hsl(0,0%,83%),-538px -591px hsl(0,0%,83%),556px 1319px hsl(0,0%,79%),-885px -194px hsl(0,0%,96%),-526px -22px hsl(0,0%,92%),204px 1386px hsl(0,0%,78%),875px -1077px hsl(0,0%,80%),-787px -196px hsl(0,0%,80%),153px 963px hsl(0,0%,94%),-382px -68px hsl(0,0%,96%),84px 584px hsl(0,0%,89%),172px -1183px hsl(0,0%,77%),76px -229px hsl(0,0%,84%),888px -1084px hsl(0,0%,92%),598px -323px hsl(0,0%,79%),-354px 750px hsl(0,0%,95%),1198px -383px hsl(0,0%,91%),984px -621px hsl(0,0%,90%),-994px 679px hsl(0,0%,91%),195px -482px hsl(0,0%,95%),-828px 670px hsl(0,0%,84%),-44px 1421px hsl(0,0%,83%),-1418px -325px hsl(0,0%,92%),-126px 1189px hsl(0,0%,83%),-732px 1018px hsl(0,0%,80%),102px 1128px hsl(0,0%,96%),380px -1172px hsl(0,0%,96%),331px -1416px hsl(0,0%,93%),-67px -326px hsl(0,0%,97%),1011px 420px hsl(0,0%,83%),943px -616px hsl(0,0%,92%),218px -449px hsl(0,0%,77%),835px -417px hsl(0,0%,94%),-542px 614px hsl(0,0%,95%),542px 1242px hsl(0,0%,97%),-744px -1217px hsl(0,0%,83%),223px 172px hsl(0,0%,92%),339px 1376px hsl(0,0%,78%),-4px 48px hsl(0,0%,96%),431px 1132px hsl(0,0%,91%),218px -1318px hsl(0,0%,78%),1241px 55px hsl(0,0%,79%),-1439px -407px hsl(0,0%,87%),-977px -1004px hsl(0,0%,81%),-775px 1280px hsl(0,0%,81%),-1174px 642px hsl(0,0%,91%),-9px 95px hsl(0,0%,75%),334px -72px hsl(0,0%,92%),332px 1252px hsl(0,0%,87%),-368px -1261px hsl(0,0%,78%),-695px -581px hsl(0,0%,92%),138px -39px hsl(0,0%,82%),-710px 266px hsl(0,0%,93%),1050px -573px hsl(0,0%,79%),-73px 1364px hsl(0,0%,91%),368px -296px hsl(0,0%,80%),-1129px 398px hsl(0,0%,93%),-745px -36px hsl(0,0%,98%),1004px 883px hsl(0,0%,89%),164px 1061px hsl(0,0%,88%),414px 610px hsl(0,0%,96%),-730px -1194px hsl(0,0%,92%),-898px -530px hsl(0,0%,93%),445px -1292px hsl(0,0%,96%),439px 152px hsl(0,0%,86%),1132px -409px hsl(0,0%,93%),332px 1012px hsl(0,0%,83%),451px 87px hsl(0,0%,93%),-1029px -125px hsl(0,0%,98%),-899px -611px hsl(0,0%,92%),960px 126px hsl(0,0%,76%),-206px 260px hsl(0,0%,82%),901px -698px hsl(0,0%,94%),1342px 509px hsl(0,0%,87%),-1183px -753px hsl(0,0%,78%),893px -1198px hsl(0,0%,96%),523px -226px hsl(0,0%,97%),-458px -1184px hsl(0,0%,87%),63px -807px hsl(0,0%,78%),700px 1186px hsl(0,0%,90%),-462px -797px hsl(0,0%,91%),384px -1025px hsl(0,0%,92%),538px 364px hsl(0,0%,97%),1409px 478px hsl(0,0%,97%),-384px 1203px hsl(0,0%,96%),278px -1271px hsl(0,0%,99%),-239px 265px hsl(0,0%,97%),-132px 1274px hsl(0,0%,80%),-200px 1025px hsl(0,0%,79%),-436px 269px hsl(0,0%,91%),652px 808px hsl(0,0%,85%),-383px -573px hsl(0,0%,77%),-620px 944px hsl(0,0%,83%),668px 691px hsl(0,0%,95%),58px 813px hsl(0,0%,83%),-897px -1189px hsl(0,0%,85%),1369px 19px hsl(0,0%,98%),-749px 1138px hsl(0,0%,89%),-178px 172px hsl(0,0%,79%),520px 68px hsl(0,0%,84%),-1134px 815px hsl(0,0%,92%),-224px -593px hsl(0,0%,75%),439px 1262px hsl(0,0%,92%),-414px 574px hsl(0,0%,92%),824px 479px hsl(0,0%,89%),711px -1002px hsl(0,0%,99%),-444px 20px hsl(0,0%,81%),-433px -1428px hsl(0,0%,82%),194px 888px hsl(0,0%,99%),-71px -27px hsl(0,0%,79%),-188px 322px hsl(0,0%,79%),853px 402px hsl(0,0%,77%),-275px 284px hsl(0,0%,89%),-92px -394px hsl(0,0%,83%),-1040px 963px hsl(0,0%,92%),87px -1202px hsl(0,0%,79%),-1024px 1063px hsl(0,0%,81%),-94px -692px hsl(0,0%,87%),-1010px -156px hsl(0,0%,86%),-976px -529px hsl(0,0%,76%),-82px 331px hsl(0,0%,89%),-408px 469px hsl(0,0%,88%),-148px 509px hsl(0,0%,89%),-547px -445px hsl(0,0%,82%),-1397px -273px hsl(0,0%,97%),1085px -777px hsl(0,0%,89%),205px -440px hsl(0,0%,79%),449px -138px hsl(0,0%,91%),593px -822px hsl(0,0%,94%),490px 1157px hsl(0,0%,98%),-753px 826px hsl(0,0%,75%),164px -455px hsl(0,0%,98%),-579px 410px hsl(0,0%,94%),-308px 562px hsl(0,0%,93%),808px 978px hsl(0,0%,97%),-693px 314px hsl(0,0%,81%),-144px -62px hsl(0,0%,91%),859px 589px hsl(0,0%,92%),491px 869px hsl(0,0%,88%),467px -414px hsl(0,0%,76%),-814px -522px hsl(0,0%,80%),245px -317px hsl(0,0%,87%),-670px -493px hsl(0,0%,89%),-1456px 355px hsl(0,0%,81%),-297px 932px hsl(0,0%,88%),-291px -197px hsl(0,0%,87%),-361px -722px hsl(0,0%,78%),479px -1394px hsl(0,0%,96%),-1182px -915px hsl(0,0%,75%),1145px -603px hsl(0,0%,81%),-255px 1297px hsl(0,0%,76%),1316px -209px hsl(0,0%,89%),615px -733px hsl(0,0%,84%),188px -472px hsl(0,0%,88%),552px 112px hsl(0,0%,97%),-461px 193px hsl(0,0%,78%),-505px -923px hsl(0,0%,77%),13px 1015px hsl(0,0%,94%),473px 890px hsl(0,0%,95%),1244px -386px hsl(0,0%,97%),-362px 403px hsl(0,0%,84%),217px -172px hsl(0,0%,97%),-224px -209px hsl(0,0%,78%),-409px -1090px hsl(0,0%,85%),1158px -342px hsl(0,0%,99%),-727px 771px hsl(0,0%,82%),1136px -631px hsl(0,0%,76%);
    animation: fly 3s linear infinite;
    transform-style: preserve-3d;
    z-index: -1;
}

.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: 0.5;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade2 {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.5;
    }
}