/* 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: 1254px -141px hsl(0, 0%, 87%), 476px -167px hsl(0, 0%, 92%), 1033px -454px hsl(0, 0%, 75%), -882px 19px hsl(0, 0%, 83%), -536px 116px hsl(0, 0%, 92%), -713px -256px hsl(0, 0%, 76%), -701px -334px hsl(0, 0%, 80%), 1024px 58px hsl(0, 0%, 80%), -37px 358px hsl(0, 0%, 91%), -798px -200px hsl(0, 0%, 82%), 1278px -397px hsl(0, 0%, 92%), -656px -438px hsl(0, 0%, 90%), 588px -145px hsl(0, 0%, 77%), -2px 346px hsl(0, 0%, 88%), 800px 276px hsl(0, 0%, 80%), 522px 278px hsl(0, 0%, 81%), 605px -86px hsl(0, 0%, 80%), -1309px -238px hsl(0, 0%, 84%), -1225px -328px hsl(0, 0%, 94%), -351px 223px hsl(0, 0%, 89%), 486px -304px hsl(0, 0%, 94%), -688px 437px hsl(0, 0%, 78%), -1440px 11px hsl(0, 0%, 87%), 1155px 288px hsl(0, 0%, 78%), 283px -47px hsl(0, 0%, 90%), -26px -360px hsl(0, 0%, 90%), 1138px 59px hsl(0, 0%, 75%), -991px -29px hsl(0, 0%, 98%), 1457px 311px hsl(0, 0%, 81%), -464px 235px hsl(0, 0%, 79%), 1149px 143px hsl(0, 0%, 95%), 546px 118px hsl(0, 0%, 88%), -1390px -107px hsl(0, 0%, 78%), -1216px -30px hsl(0, 0%, 88%), -1281px 464px hsl(0, 0%, 84%), -493px 305px hsl(0, 0%, 82%), 880px 434px hsl(0, 0%, 95%), 1081px -30px hsl(0, 0%, 76%), -52px 468px hsl(0, 0%, 83%), 620px -24px hsl(0, 0%, 99%), -1492px -437px hsl(0, 0%, 96%), -924px 357px hsl(0, 0%, 75%), -870px -263px hsl(0, 0%, 81%), 742px 177px hsl(0, 0%, 89%), -746px -303px hsl(0, 0%, 90%), -815px -322px hsl(0, 0%, 83%), 1092px 406px hsl(0, 0%, 88%), -511px 52px hsl(0, 0%, 95%), 279px 405px hsl(0, 0%, 77%), -1127px 479px hsl(0, 0%, 94%), -215px 426px hsl(0, 0%, 77%), 360px -31px hsl(0, 0%, 91%), -221px 349px hsl(0, 0%, 87%), 167px -170px hsl(0, 0%, 97%), -1127px 341px hsl(0, 0%, 95%), -460px 413px hsl(0, 0%, 87%), -355px 108px hsl(0, 0%, 83%), -241px 118px hsl(0, 0%, 80%), 773px 197px hsl(0, 0%, 89%), -638px 82px hsl(0, 0%, 82%), 487px -225px hsl(0, 0%, 86%), 1301px 432px hsl(0, 0%, 76%), -372px 121px hsl(0, 0%, 79%), 1055px -251px hsl(0, 0%, 88%), -1255px -314px hsl(0, 0%, 94%), -1146px 60px hsl(0, 0%, 80%), -384px 351px hsl(0, 0%, 86%), 1240px 47px hsl(0, 0%, 95%), -1432px 279px hsl(0, 0%, 92%), -463px -183px hsl(0, 0%, 77%), -142px -384px hsl(0, 0%, 84%), -468px 394px hsl(0, 0%, 92%), 35px -322px hsl(0, 0%, 97%), 1372px -254px hsl(0, 0%, 88%), 1363px 326px hsl(0, 0%, 91%), 795px -247px hsl(0, 0%, 88%), -915px -163px hsl(0, 0%, 87%), 1228px -25px hsl(0, 0%, 77%), 92px 9px hsl(0, 0%, 91%), 767px 197px hsl(0, 0%, 76%), -1435px 4px hsl(0, 0%, 94%), 627px 302px hsl(0, 0%, 85%), -441px -6px hsl(0, 0%, 99%), 1477px -183px hsl(0, 0%, 95%), -912px 211px hsl(0, 0%, 76%), -48px -190px hsl(0, 0%, 86%), -1342px 422px hsl(0, 0%, 78%), 675px -161px hsl(0, 0%, 82%), 1290px -45px hsl(0, 0%, 93%), -1114px -396px hsl(0, 0%, 77%), 241px -362px hsl(0, 0%, 79%), -260px 272px hsl(0, 0%, 82%), 1180px 127px hsl(0, 0%, 77%), -269px -386px hsl(0, 0%, 78%), 1462px -472px hsl(0, 0%, 77%), -471px -477px hsl(0, 0%, 84%), -496px -314px hsl(0, 0%, 75%), -1147px -261px hsl(0, 0%, 85%), -1318px -376px hsl(0, 0%, 95%), 1321px -466px hsl(0, 0%, 98%), -237px -460px hsl(0, 0%, 83%), -955px -11px hsl(0, 0%, 80%), -277px 231px hsl(0, 0%, 77%), 29px -185px hsl(0, 0%, 98%), 1362px -281px hsl(0, 0%, 86%), 1183px -57px hsl(0, 0%, 95%), 245px -22px hsl(0, 0%, 81%), 505px -123px hsl(0, 0%, 84%), -1075px -423px hsl(0, 0%, 84%), -1342px 240px hsl(0, 0%, 92%), 609px 387px hsl(0, 0%, 75%), -987px -237px hsl(0, 0%, 90%), -585px -406px hsl(0, 0%, 82%), 268px -471px hsl(0, 0%, 90%), -775px -346px hsl(0, 0%, 86%), 845px 374px hsl(0, 0%, 84%), -345px 465px hsl(0, 0%, 91%), -1123px -73px hsl(0, 0%, 86%), -1393px -98px hsl(0, 0%, 79%), 895px 380px hsl(0, 0%, 78%), -1102px -298px hsl(0, 0%, 82%), 856px 236px hsl(0, 0%, 95%), -602px -363px hsl(0, 0%, 94%), 1266px 271px hsl(0, 0%, 75%), 638px 377px hsl(0, 0%, 77%), -71px -87px hsl(0, 0%, 91%), 70px 229px hsl(0, 0%, 81%), -915px 278px hsl(0, 0%, 81%), 317px 143px hsl(0, 0%, 88%), -1085px 48px hsl(0, 0%, 94%), 248px 466px hsl(0, 0%, 86%), 921px -256px hsl(0, 0%, 94%), -261px -310px hsl(0, 0%, 91%), -997px 236px hsl(0, 0%, 79%), 985px 289px hsl(0, 0%, 77%), 201px 307px hsl(0, 0%, 84%), 616px 174px hsl(0, 0%, 81%), 924px 180px hsl(0, 0%, 90%), 42px 145px hsl(0, 0%, 87%), 1019px 73px hsl(0, 0%, 92%), 530px -50px hsl(0, 0%, 94%), 1198px -470px hsl(0, 0%, 88%), 1307px 138px hsl(0, 0%, 91%), -86px -28px hsl(0, 0%, 81%), 400px 76px hsl(0, 0%, 80%), -309px 329px hsl(0, 0%, 99%), -1401px 61px hsl(0, 0%, 94%), 1063px 459px hsl(0, 0%, 81%), 268px -57px hsl(0, 0%, 88%), 205px 435px hsl(0, 0%, 78%), 1199px -348px hsl(0, 0%, 87%), -1165px -225px hsl(0, 0%, 76%), 9px 294px hsl(0, 0%, 85%), 386px 10px hsl(0, 0%, 85%), 161px -120px hsl(0, 0%, 91%), 771px -92px hsl(0, 0%, 95%), -237px 188px hsl(0, 0%, 89%), -1212px -204px hsl(0, 0%, 91%), 202px -196px hsl(0, 0%, 87%), -289px -280px hsl(0, 0%, 81%), 61px 162px hsl(0, 0%, 88%), 813px -200px hsl(0, 0%, 77%), 427px -474px hsl(0, 0%, 76%), 583px -149px hsl(0, 0%, 93%), 991px -398px hsl(0, 0%, 96%), -864px 107px hsl(0, 0%, 90%), 896px 303px hsl(0, 0%, 86%), 986px -117px hsl(0, 0%, 85%), 286px 448px hsl(0, 0%, 86%), -1398px 456px hsl(0, 0%, 79%), 531px -121px hsl(0, 0%, 87%), -77px 24px hsl(0, 0%, 90%), -645px 10px hsl(0, 0%, 94%), 86px 110px hsl(0, 0%, 79%), 1401px 139px hsl(0, 0%, 82%), 1453px 238px hsl(0, 0%, 83%), 824px 250px hsl(0, 0%, 88%), 1182px 279px hsl(0, 0%, 89%), 1297px 408px hsl(0, 0%, 89%), 1191px 446px hsl(0, 0%, 76%), -944px -278px hsl(0, 0%, 85%), -366px -428px hsl(0, 0%, 85%), 1139px 364px hsl(0, 0%, 97%), 1282px 293px hsl(0, 0%, 91%), -1036px -202px hsl(0, 0%, 86%), 636px 382px hsl(0, 0%, 78%), -1440px -46px hsl(0, 0%, 85%), 369px 111px hsl(0, 0%, 77%), 565px 181px hsl(0, 0%, 87%), -7px 89px hsl(0, 0%, 75%), 167px -353px hsl(0, 0%, 80%), 991px 157px hsl(0, 0%, 94%), 98px -221px hsl(0, 0%, 79%), -1432px 408px hsl(0, 0%, 85%), -985px -291px hsl(0, 0%, 85%), 1115px 343px hsl(0, 0%, 81%), -14px -164px hsl(0, 0%, 95%), 921px 130px hsl(0, 0%, 79%), 417px 470px hsl(0, 0%, 99%), -865px -345px hsl(0, 0%, 78%), -495px -233px hsl(0, 0%, 77%), 1416px 84px hsl(0, 0%, 80%), 975px -355px hsl(0, 0%, 88%), -274px -231px hsl(0, 0%, 78%), 81px 178px hsl(0, 0%, 79%), -1239px -348px hsl(0, 0%, 86%), -1077px -216px hsl(0, 0%, 97%), -582px 200px hsl(0, 0%, 84%), -275px -107px hsl(0, 0%, 80%), 1184px -29px hsl(0, 0%, 93%), -1449px 418px hsl(0, 0%, 89%), 201px 375px hsl(0, 0%, 80%), -60px 226px hsl(0, 0%, 83%), 1054px -165px hsl(0, 0%, 93%), 1432px -52px hsl(0, 0%, 86%), 1298px -277px hsl(0, 0%, 82%), 636px -55px hsl(0, 0%, 93%), 1075px -123px hsl(0, 0%, 86%), 48px 140px hsl(0, 0%, 91%), 773px 28px hsl(0, 0%, 79%), 1274px -396px hsl(0, 0%, 90%), 1156px -159px hsl(0, 0%, 76%), -1251px 220px hsl(0, 0%, 93%), 255px -277px hsl(0, 0%, 87%), -545px 238px hsl(0, 0%, 87%), 1111px -311px hsl(0, 0%, 77%), -1158px -368px hsl(0, 0%, 88%), -495px -38px hsl(0, 0%, 96%), -76px 442px hsl(0, 0%, 85%), -1041px 337px hsl(0, 0%, 97%), 478px 298px hsl(0, 0%, 93%), 412px 406px hsl(0, 0%, 77%), -1367px -369px hsl(0, 0%, 88%), -685px -45px hsl(0, 0%, 90%), -1037px -333px hsl(0, 0%, 94%), -1244px -114px hsl(0, 0%, 92%), -843px -299px hsl(0, 0%, 87%), -280px 206px hsl(0, 0%, 84%), -235px 415px hsl(0, 0%, 85%), -333px 416px hsl(0, 0%, 91%), -334px 348px hsl(0, 0%, 92%), -1244px -108px hsl(0, 0%, 94%), 1071px 116px hsl(0, 0%, 84%), 405px 263px hsl(0, 0%, 88%), -862px -472px hsl(0, 0%, 77%), 1056px -31px hsl(0, 0%, 82%), 606px 473px hsl(0, 0%, 90%), 867px 63px hsl(0, 0%, 89%), -933px -473px hsl(0, 0%, 98%), -39px -289px hsl(0, 0%, 97%), -1120px 426px hsl(0, 0%, 99%), 892px -222px hsl(0, 0%, 95%), 1216px -397px hsl(0, 0%, 81%), -616px -60px hsl(0, 0%, 97%), 74px 221px hsl(0, 0%, 75%), 1302px -272px hsl(0, 0%, 78%), 543px -102px hsl(0, 0%, 84%), 50px -398px hsl(0, 0%, 88%), -1222px -449px hsl(0, 0%, 93%), 581px 254px hsl(0, 0%, 82%), 1426px 225px hsl(0, 0%, 92%), 1476px 16px hsl(0, 0%, 99%), 889px -286px hsl(0, 0%, 99%), -22px -239px hsl(0, 0%, 93%), 971px -110px hsl(0, 0%, 89%), -642px -214px hsl(0, 0%, 94%), 1266px 40px hsl(0, 0%, 90%), 1287px 317px hsl(0, 0%, 75%), -1276px 267px hsl(0, 0%, 86%), 372px 352px hsl(0, 0%, 75%), -650px -92px hsl(0, 0%, 80%), 677px -88px hsl(0, 0%, 96%), 683px -343px hsl(0, 0%, 92%), -1250px 254px hsl(0, 0%, 76%), 388px -271px hsl(0, 0%, 82%), 107px 87px hsl(0, 0%, 76%), -292px -200px hsl(0, 0%, 99%), 882px 237px hsl(0, 0%, 96%), 88px 389px hsl(0, 0%, 80%), -734px -98px hsl(0, 0%, 90%), -1323px 258px hsl(0, 0%, 91%), 367px -70px hsl(0, 0%, 83%), 878px -234px hsl(0, 0%, 99%), 43px -396px hsl(0, 0%, 90%), 1335px -397px hsl(0, 0%, 85%), -598px -342px hsl(0, 0%, 80%), 1094px -140px hsl(0, 0%, 80%), 194px 56px hsl(0, 0%, 89%), 24px -40px hsl(0, 0%, 94%), 794px -109px hsl(0, 0%, 90%), -1303px -236px hsl(0, 0%, 90%), -1339px 202px hsl(0, 0%, 87%), -962px -441px hsl(0, 0%, 80%), -465px -246px hsl(0, 0%, 78%), -1121px -202px hsl(0, 0%, 95%), -1203px 185px hsl(0, 0%, 76%), -1181px -130px hsl(0, 0%, 89%), -829px 457px hsl(0, 0%, 81%), 1279px 373px hsl(0, 0%, 82%), 1409px 188px hsl(0, 0%, 76%), -1171px 444px hsl(0, 0%, 85%), 956px -257px hsl(0, 0%, 83%), -44px -26px hsl(0, 0%, 75%), -1134px -144px hsl(0, 0%, 97%), -182px -223px hsl(0, 0%, 96%), -691px -62px hsl(0, 0%, 79%), -875px -217px hsl(0, 0%, 81%), -1042px 368px hsl(0, 0%, 90%), 814px -191px hsl(0, 0%, 86%), -1041px -36px hsl(0, 0%, 76%), -339px 422px hsl(0, 0%, 79%), -1007px 333px hsl(0, 0%, 78%), 176px 403px hsl(0, 0%, 91%), -332px -283px hsl(0, 0%, 83%), -378px -31px hsl(0, 0%, 86%), -258px -268px hsl(0, 0%, 75%), -778px 438px hsl(0, 0%, 88%), -757px -186px hsl(0, 0%, 97%), 815px 196px hsl(0, 0%, 78%), 1172px -41px hsl(0, 0%, 79%), 622px -218px hsl(0, 0%, 75%), -125px -66px hsl(0, 0%, 87%), 1218px -173px hsl(0, 0%, 86%), 670px 90px hsl(0, 0%, 83%), -802px 30px hsl(0, 0%, 75%), -365px -436px hsl(0, 0%, 93%), -352px -472px hsl(0, 0%, 95%), -991px 448px hsl(0, 0%, 94%), 517px 282px hsl(0, 0%, 91%), -1186px 44px hsl(0, 0%, 81%), -1252px 134px hsl(0, 0%, 90%), 908px -156px hsl(0, 0%, 99%), 1046px 448px hsl(0, 0%, 84%), 716px 31px hsl(0, 0%, 99%), -811px -29px hsl(0, 0%, 90%), 1289px 299px hsl(0, 0%, 97%), 197px -370px hsl(0, 0%, 76%), 883px -286px hsl(0, 0%, 78%), 861px -471px hsl(0, 0%, 93%), 188px -217px hsl(0, 0%, 75%), -183px -477px hsl(0, 0%, 99%), -1344px 460px hsl(0, 0%, 77%), 1197px 164px hsl(0, 0%, 95%), 1026px 442px hsl(0, 0%, 83%), 1105px -376px hsl(0, 0%, 79%), -489px -75px hsl(0, 0%, 80%), -1324px 335px hsl(0, 0%, 86%), 1269px -166px hsl(0, 0%, 75%), 50px -377px hsl(0, 0%, 84%), -1310px -343px hsl(0, 0%, 92%);
    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;
    }
}