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

/* puls animation */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.pulsate {
    animation: pulse 4s infinite ease-in-out;
}

/* set stars */
#stars, #stars2, #stars3, #stars4 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: -1;
    pointer-events: none;
}

/* small stars */
#stars {
    width: 1px;
    height: 1px;
    box-shadow: 133px 848px #FFF, 1727px 110px #FFF, 4827px 606px #FFF, 219px 169px #FFF,
    3730px 47px #FFF, 4496px 684px #FFF, 510px 680px #FFF, 3475px 745px #FFF,
    2808px 180px #FFF, 6779px 471px #FFF, 750px 307px #FFF, 6765px 793px #FFF,
    4650px 668px #FFF, 4796px 669px #FFF, 1658px 690px #FFF, 1818px 717px #FFF,
    2347px 45px #FFF, 1819px 657px #FFF, 2725px 927px #FFF, 4579px 596px #FFF,
    4084px 542px #FFF, 2878px 387px #FFF, 4888px 660px #FFF, 4271px 826px #FFF,
    186px 527px #FFF, 5383px 614px #FFF, 2322px 778px #FFF, 1503px 441px #FFF,
    6015px 378px #FFF, 3568px 832px #FFF, 2855px 667px #FFF, 274px 902px #FFF,
    3367px 680px #FFF, 451px 732px #FFF, 3756px 834px #FFF, 1597px 805px #FFF,
    5934px 252px #FFF, 4675px 609px #FFF, 2367px 101px #FFF, 1279px 145px #FFF,
    6605px 760px #FFF, 3044px 243px #FFF, 1966px 342px #FFF, 254px 201px #FFF,
    1225px 607px #FFF, 543px 883px #FFF, 4581px 895px #FFF, 2777px 730px #FFF,
    6501px 780px #FFF, 469px 327px #FFF, 1078px 541px #FFF, 5394px 918px #FFF,
    4021px 133px #FFF, 4786px 754px #FFF, 2825px 93px #FFF, 531px 186px #FFF,
    3206px 399px #FFF, 5248px 347px #FFF, 1946px 583px #FFF, 3595px 195px #FFF;
    animation: animStar 50s linear infinite;
}

/* middle stars */
#stars2 {
    width: 2px;
    height: 2px;
    box-shadow: 6969px 928px #FFF, 5961px 903px #FFF, 1298px 548px #FFF, 6673px 604px #FFF,
    2158px 989px #FFF, 5360px 297px #FFF, 1445px 887px #FFF, 912px 377px #FFF,
    1147px 119px #FFF, 5719px 541px #FFF, 2575px 274px #FFF, 4609px 109px #FFF,
    2004px 866px #FFF, 2304px 751px #FFF, 2657px 964px #FFF, 1780px 248px #FFF,
    4022px 862px #FFF, 2830px 7px #FFF, 614px 8px #FFF, 1451px 206px #FFF,
    5875px 429px #FFF, 4166px 454px #FFF, 1016px 726px #FFF, 6774px 591px #FFF,
    5667px 462px #FFF, 1453px 670px #FFF, 6940px 178px #FFF, 1512px 719px #FFF,
    2606px 197px #FFF, 5521px 531px #FFF, 4236px 218px #FFF, 3731px 859px #FFF,
    2243px 566px #FFF, 3623px 524px #FFF, 6259px 778px #FFF, 5043px 999px #FFF,
    3167px 841px #FFF, 3801px 195px #FFF, 2067px 417px #FFF, 4555px 589px #FFF,
    1628px 315px #FFF, 178px 812px #FFF, 5537px 723px #FFF, 3155px 135px #FFF,
    5206px 927px #FFF, 6208px 94px #FFF, 2824px 282px #FFF, 6007px 678px #FFF,
    2866px 476px #FFF, 490px 932px #FFF, 2883px 856px #FFF, 5618px 359px #FFF,
    4903px 645px #FFF, 5207px 227px #FFF, 4004px 532px #FFF, 1053px 841px #FFF;
    animation: animStar 100s linear infinite;
}

/* big stars */
#stars3 {
    width: 3px;
    height: 3px;
    box-shadow: 3542px 497px #FFF, 6817px 156px #FFF, 4359px 711px #FFF, 2680px 479px #FFF,
    1000px 836px #FFF, 685px 54px #FFF, 37px 408px #FFF, 606px 365px #FFF,
    4777px 678px #FFF, 2185px 427px #FFF, 3035px 996px #FFF, 3409px 513px #FFF,
    6429px 309px #FFF, 4694px 215px #FFF, 1716px 488px #FFF, 3411px 192px #FFF,
    1896px 667px #FFF, 1667px 950px #FFF, 2887px 904px #FFF, 4881px 677px #FFF,
    6327px 494px #FFF, 1339px 735px #FFF, 4884px 634px #FFF, 5506px 898px #FFF,
    5001px 785px #FFF, 3247px 624px #FFF, 1168px 545px #FFF, 4067px 671px #FFF,
    3069px 888px #FFF, 5744px 662px #FFF, 3241px 775px #FFF, 1059px 799px #FFF,
    3669px 457px #FFF, 2025px 370px #FFF, 1541px 908px #FFF, 5840px 118px #FFF,
    6170px 700px #FFF, 4674px 174px #FFF, 3837px 260px #FFF, 196px 707px #FFF,
    2346px 911px #FFF, 419px 297px #FFF, 584px 383px #FFF, 6094px 528px #FFF,
    4729px 198px #FFF, 1992px 868px #FFF, 2069px 647px #FFF, 5175px 807px #FFF,
    2602px 616px #FFF, 1346px 908px #FFF, 5474px 722px #FFF, 3541px 257px #FFF;
    animation: animStar 150s linear infinite;
}

/* bigger stars */
#stars4 {
    width: 4px;
    height: 4px;
    box-shadow: 1559px 680px #FFF, 4864px 247px #FFF, 4221px 167px #FFF, 4879px 387px #FFF,
    5806px 122px #FFF, 4609px 329px #FFF, 5164px 172px #FFF, 2632px 784px #FFF,
    4401px 1000px #FFF, 3715px 657px #FFF, 5300px 357px #FFF, 3214px 321px #FFF,
    3661px 308px #FFF, 1565px 264px #FFF, 1673px 423px #FFF, 2870px 926px #FFF,
    481px 668px #FFF, 1263px 195px #FFF, 1903px 124px #FFF, 2564px 790px #FFF,
    5005px 334px #FFF, 1881px 740px #FFF, 5315px 883px #FFF, 250px 243px #FFF,
    2357px 121px #FFF, 4598px 265px #FFF, 4987px 933px #FFF, 3169px 531px #FFF,
    6125px 452px #FFF, 5902px 698px #FFF, 3007px 187px #FFF, 6607px 710px #FFF,
    5317px 349px #FFF, 3945px 626px #FFF, 2419px 100px #FFF, 5747px 293px #FFF,
    4013px 147px #FFF, 2169px 345px #FFF, 3698px 222px #FFF, 3457px 978px #FFF,
    5263px 535px #FFF, 3824px 299px #FFF, 6431px 501px #FFF, 2977px 914px #FFF,
    5329px 267px #FFF, 5206px 190px #FFF, 3073px 677px #FFF, 1997px 127px #FFF,
    1779px 364px #FFF, 4158px 945px #FFF, 4296px 522px #FFF, 4867px 353px #FFF;
    animation: animStar 200s linear infinite;
}