/* Star animation for the hero section */

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1907px 1575px #FFF, 893px 268px #FFF, 1819px 666px #FFF, 366px 1985px #FFF,
    1736px 1062px #FFF, 1124px 45px #FFF, 905px 1674px #FFF, 1570px 711px #FFF,
    255px 1747px #FFF, 147px 1032px #FFF, 865px 1813px #FFF, 1721px 1461px #FFF,
    202px 724px #FFF, 1860px 812px #FFF, 634px 1410px #FFF, 927px 1264px #FFF,
    1648px 620px #FFF, 1915px 1309px #FFF, 731px 778px #FFF, 91px 1185px #FFF;
  animation: animateStars 50s linear infinite;
}

#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1907px 1575px #FFF, 893px 268px #FFF, 1819px 666px #FFF, 366px 1985px #FFF,
    1736px 1062px #FFF, 1124px 45px #FFF, 905px 1674px #FFF, 1570px 711px #FFF,
    255px 1747px #FFF, 147px 1032px #FFF, 865px 1813px #FFF, 1721px 1461px #FFF,
    202px 724px #FFF, 1860px 812px #FFF, 634px 1410px #FFF, 927px 1264px #FFF,
    1648px 620px #FFF, 1915px 1309px #FFF, 731px 778px #FFF, 91px 1185px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1439px 1028px #FFF, 839px 1261px #FFF, 342px 571px #FFF, 1555px 1622px #FFF,
    1988px 707px #FFF, 1100px 1084px #FFF, 1292px 274px #FFF, 173px 1505px #FFF,
    1130px 1201px #FFF, 1294px 1488px #FFF, 273px 1266px #FFF, 1434px 887px #FFF,
    173px 981px #FFF, 982px 147px #FFF, 1421px 1597px #FFF, 1298px 1734px #FFF,
    357px 291px #FFF, 1938px 163px #FFF, 932px 951px #FFF, 435px 942px #FFF;
  animation: animateStars 100s linear infinite;
}

#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1439px 1028px #FFF, 839px 1261px #FFF, 342px 571px #FFF, 1555px 1622px #FFF,
    1988px 707px #FFF, 1100px 1084px #FFF, 1292px 274px #FFF, 173px 1505px #FFF,
    1130px 1201px #FFF, 1294px 1488px #FFF, 273px 1266px #FFF, 1434px 887px #FFF,
    173px 981px #FFF, 982px 147px #FFF, 1421px 1597px #FFF, 1298px 1734px #FFF,
    357px 291px #FFF, 1938px 163px #FFF, 932px 951px #FFF, 435px 942px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1994px 1692px #FFF, 961px 698px #FFF, 1443px 689px #FFF, 385px 1963px #FFF,
    1610px 1447px #FFF, 1010px 1080px #FFF, 1956px 1219px #FFF, 330px 1489px #FFF,
    823px 1868px #FFF, 1588px 120px #FFF, 541px 88px #FFF, 1379px 1529px #FFF,
    1359px 1952px #FFF, 215px 1465px #FFF, 486px 750px #FFF, 1385px 1925px #FFF,
    1114px 1850px #FFF, 1881px 427px #FFF, 1119px 1472px #FFF, 1073px 272px #FFF;
  animation: animateStars 150s linear infinite;
}

#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1994px 1692px #FFF, 961px 698px #FFF, 1443px 689px #FFF, 385px 1963px #FFF,
    1610px 1447px #FFF, 1010px 1080px #FFF, 1956px 1219px #FFF, 330px 1489px #FFF,
    823px 1868px #FFF, 1588px 120px #FFF, 541px 88px #FFF, 1379px 1529px #FFF,
    1359px 1952px #FFF, 215px 1465px #FFF, 486px 750px #FFF, 1385px 1925px #FFF,
    1114px 1850px #FFF, 1881px 427px #FFF, 1119px 1472px #FFF, 1073px 272px #FFF;
}

@keyframes animateStars {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-2000px);
  }
}