.nebula {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 15% 25%, rgba(60, 20, 90, 0.2) 0%, transparent 40%),
        radial-gradient(circle at 75% 65%, rgba(20, 60, 100, 0.2) 0%, transparent 40%),
        radial-gradient(circle at 50% 50%, rgba(10, 40, 80, 0.16) 0%, transparent 50%);
    filter: blur(40px);
}

#stars,
#stars2,
#stars3 {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow:
        646px 994px #fff, 1176px 252px #fff, 312px 1778px #fff, 1394px 1339px #fff, 1028px 378px #fff,
        1394px 1782px #fff, 117px 407px #fff, 963px 1296px #fff, 636px 1908px #fff, 888px 648px #fff,
        1466px 306px #fff, 166px 1715px #fff, 1560px 1900px #fff, 940px 52px #fff, 1197px 37px #fff,
        176px 1029px #fff, 569px 1499px #fff, 802px 622px #fff, 1032px 1282px #fff, 238px 1174px #fff,
        1929px 1009px #fff, 662px 1528px #fff, 1058px 98px #fff, 21px 612px #fff, 1889px 940px #fff,
        1323px 518px #fff, 1172px 338px #fff, 675px 1445px #fff, 851px 546px #fff, 2000px 1274px #fff,
        1152px 1706px #fff, 41px 1429px #fff, 451px 592px #fff, 958px 1925px #fff, 155px 1444px #fff,
        93px 60px #fff, 414px 667px #fff, 748px 301px #fff, 1769px 429px #fff, 298px 1541px #fff,
        252px 408px #fff, 1599px 436px #fff, 1431px 1498px #fff, 1158px 93px #fff, 1547px 1721px #fff,
        1612px 820px #fff, 522px 389px #fff, 111px 661px #fff, 198px 157px #fff, 434px 1433px #fff;
    animation: animStar 50s linear infinite;
}

#stars::after {
    content: "";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: inherit;
}

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow:
        251px 1106px #fff, 260px 382px #fff, 530px 1657px #fff, 1401px 977px #fff, 145px 1040px #fff,
        1522px 1010px #fff, 1853px 298px #fff, 1715px 49px #fff, 1904px 649px #fff, 728px 1353px #fff,
        925px 1513px #fff, 58px 1442px #fff, 869px 565px #fff, 1660px 1038px #fff, 493px 46px #fff,
        390px 648px #fff, 1911px 401px #fff, 284px 1698px #fff, 656px 1388px #fff, 103px 26px #fff,
        501px 1155px #fff, 813px 1156px #fff, 1897px 1214px #fff, 1314px 84px #fff, 1173px 87px #fff,
        180px 742px #fff, 843px 1515px #fff, 1410px 124px #fff, 1946px 132px #fff, 45px 661px #fff,
        1623px 663px #fff, 647px 983px #fff, 1667px 477px #fff, 976px 1058px #fff, 1160px 562px #fff,
        77px 603px #fff, 1203px 140px #fff, 537px 1409px #fff, 1569px 463px #fff, 447px 88px #fff,
        1556px 915px #fff, 1153px 1647px #fff, 1930px 1578px #fff, 1140px 347px #fff, 893px 1517px #fff,
        1726px 1648px #fff, 1372px 615px #fff, 1848px 1859px #fff, 1728px 1744px #fff, 1781px 1478px #fff;
    animation: animStar 100s linear infinite;
}

#stars2::after {
    content: "";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: inherit;
}

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow:
        586px 715px #fff, 1668px 141px #fff, 193px 658px #fff, 466px 1990px #fff, 471px 1303px #fff,
        1205px 844px #fff, 1337px 1872px #fff, 791px 85px #fff, 49px 245px #fff, 868px 1828px #fff,
        1885px 1108px #fff, 1452px 607px #fff, 1817px 1711px #fff, 1593px 889px #fff, 1618px 1877px #fff,
        1890px 1091px #fff, 798px 1692px #fff, 1998px 1924px #fff, 810px 1653px #fff, 1324px 146px #fff,
        884px 1981px #fff, 239px 1060px #fff, 1168px 1292px #fff, 1870px 1903px #fff, 1114px 191px #fff,
        865px 689px #fff, 1034px 650px #fff, 1800px 1204px #fff, 1360px 276px #fff, 234px 1127px #fff,
        952px 1795px #fff, 460px 1647px #fff, 1812px 391px #fff, 736px 335px #fff, 766px 1168px #fff,
        985px 1478px #fff, 1565px 1935px #fff, 194px 471px #fff, 1598px 1941px #fff, 1322px 1721px #fff,
        68px 1040px #fff, 415px 1885px #fff, 288px 744px #fff, 1204px 1585px #fff, 1006px 233px #fff,
        1168px 1943px #fff, 29px 949px #fff, 1149px 676px #fff, 1103px 85px #fff, 1377px 414px #fff;
    animation: animStar 150s linear infinite;
}

#stars3::after {
    content: "";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: inherit;
}

@keyframes animStar {
    from {
        transform: translateY(-2000px);
    }
    to {
        transform: translateY(0);
    }
}