| 0 | kirasiris | Categories: Tags: , , , ,

404 Error

Cool project that I found in a random website and decided to copy its 404 error page. The beautiful thing about this design is not the reference to the Star Wars movies but the transitions which make the star effect possible.

As you know in order to create animated stuff with CSS you need to work with  box-shadows, animations, key-frames and :after/:before css properties. Thankfully this design was simple to re-create from its original classes, etc.

Here it is mine, first the HTML:

<div id="fourohfour">
	<div id="stars"></div>
	<div id="stars2"></div>
	<div id="stars3"></div>
	<div class="new-deathstar">
    <img src="https://kevinfonsecawebdeveloper.000webhostapp.com/assets/img/media/6591ad77e4fb365df15efd50e4e9cfa2.png" />
  </div>
	<h1 class="mb-5">oops! <span class="subline">404</span></h1>
	<div class="underline text-center mb-5">
    <p>Al parecer la pagina ha sido borrada!.</p>
	</div>
  <div class="text-center mb-5">
    <a class="btn" href="/">Inicio</a>
  </div>
</div>

Secondly we proceed with the important stuff:

body{
  margin: 0px;
}

#fourohfour {
  background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
  height: 100vh;
  overflow: hidden;
  display: block;
  font-family: sans-serif;
}

.mb-5{
  margin-bottom: 25px;
}

h1 {
  text-align: center;
  color: #148992;
  position: relative;
  font-size: 160px;
  margin: auto;
  width: 400px;
}
h1 span {
  position: absolute;
  color: #fff;
  bottom: 0px;
  right: 0px;
  font-size: 40px;
}

.underline {
  color: #fff;
}

.text-center{
  text-align: center;
}

.new-deathstar{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 100px auto 0px auto;
}

.new-deathstar img{
    max-width: 100%;
    width: 330px;
    padding: 15px;
}

.btn{
  border: 1px solid #158992;
  border-radius: 5px;
  padding: 10px;
  color: #fff;
  text-decoration: none;
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1800px 1960px #FFF , 1231px 1725px #FFF , 53px 73px #FFF , 371px 1092px #FFF , 1761px 217px #FFF , 385px 1559px #FFF , 1476px 85px #FFF , 341px 329px #FFF , 1332px 1386px #FFF , 767px 957px #FFF , 308px 1799px #FFF , 1749px 628px #FFF , 147px 465px #FFF , 1025px 1578px #FFF , 1016px 1363px #FFF , 1278px 414px #FFF , 1122px 495px #FFF , 1512px 156px #FFF , 642px 1614px #FFF , 1067px 1767px #FFF , 124px 682px #FFF , 678px 1004px #FFF , 1475px 1248px #FFF , 133px 1086px #FFF , 1171px 1634px #FFF , 1354px 1562px #FFF , 822px 1503px #FFF , 976px 1464px #FFF , 1450px 18px #FFF , 1005px 1050px #FFF , 37px 1930px #FFF , 165px 929px #FFF , 619px 1123px #FFF , 1146px 1005px #FFF , 1021px 1415px #FFF , 124px 781px #FFF , 986px 1073px #FFF , 776px 388px #FFF , 1301px 272px #FFF , 916px 747px #FFF , 635px 1544px #FFF , 758px 1244px #FFF , 284px 1740px #FFF , 724px 278px #FFF , 1015px 1373px #FFF , 1730px 971px #FFF , 598px 925px #FFF , 300px 1384px #FFF , 650px 378px #FFF , 569px 996px #FFF , 1004px 1869px #FFF , 1257px 531px #FFF , 481px 1341px #FFF , 240px 799px #FFF , 29px 1987px #FFF , 1273px 139px #FFF , 1607px 154px #FFF , 1070px 652px #FFF , 837px 1203px #FFF , 1574px 1686px #FFF , 1725px 1800px #FFF , 566px 1922px #FFF , 1706px 906px #FFF , 441px 1762px #FFF , 738px 1990px #FFF , 1390px 1041px #FFF , 1002px 1744px #FFF , 435px 1766px #FFF , 1551px 943px #FFF , 1333px 278px #FFF , 1297px 762px #FFF , 1366px 783px #FFF , 810px 1091px #FFF , 1186px 1703px #FFF , 1256px 1913px #FFF , 774px 916px #FFF , 939px 657px #FFF , 711px 786px #FFF , 1098px 37px #FFF , 1716px 304px #FFF , 1731px 316px #FFF , 660px 383px #FFF , 39px 208px #FFF , 966px 1141px #FFF , 1909px 755px #FFF , 773px 225px #FFF , 537px 1467px #FFF , 631px 305px #FFF , 157px 1004px #FFF , 1998px 952px #FFF , 1744px 207px #FFF , 196px 544px #FFF , 1777px 1014px #FFF , 866px 179px #FFF , 1077px 332px #FFF , 1412px 1944px #FFF , 1374px 1739px #FFF , 1727px 243px #FFF , 1690px 1891px #FFF , 1580px 205px #FFF , 618px 861px #FFF , 1750px 837px #FFF , 1819px 1672px #FFF , 1692px 997px #FFF , 1358px 652px #FFF , 1148px 1194px #FFF , 1733px 1121px #FFF , 1490px 1942px #FFF , 388px 1032px #FFF , 1884px 818px #FFF , 1423px 1331px #FFF , 258px 57px #FFF , 798px 1687px #FFF , 1826px 1967px #FFF , 1080px 66px #FFF , 843px 1912px #FFF , 1917px 1482px #FFF , 1376px 997px #FFF , 1026px 700px #FFF , 1953px 271px #FFF , 1115px 81px #FFF , 1105px 420px #FFF , 1382px 1156px #FFF , 640px 592px #FFF , 701px 1830px #FFF , 19px 589px #FFF , 1516px 1028px #FFF , 1995px 1969px #FFF , 119px 675px #FFF , 1207px 860px #FFF , 5px 62px #FFF , 1453px 109px #FFF , 1533px 592px #FFF , 1375px 143px #FFF , 1827px 550px #FFF , 106px 162px #FFF , 314px 1950px #FFF , 907px 566px #FFF , 992px 1818px #FFF , 1709px 938px #FFF , 319px 954px #FFF , 412px 1339px #FFF , 1370px 1706px #FFF , 1316px 1786px #FFF , 1011px 339px #FFF , 737px 462px #FFF , 570px 121px #FFF , 113px 442px #FFF , 69px 295px #FFF , 1071px 1043px #FFF , 880px 1445px #FFF , 241px 1207px #FFF , 1896px 1662px #FFF , 997px 978px #FFF , 525px 589px #FFF , 1367px 1734px #FFF , 1845px 376px #FFF , 192px 997px #FFF , 1599px 828px #FFF , 1896px 606px #FFF , 257px 1598px #FFF , 830px 1387px #FFF , 940px 1146px #FFF , 892px 1889px #FFF , 950px 1141px #FFF , 778px 661px #FFF , 1328px 828px #FFF , 1702px 255px #FFF , 1107px 1590px #FFF , 178px 636px #FFF , 768px 62px #FFF , 1874px 960px #FFF , 859px 571px #FFF , 1070px 1642px #FFF , 1191px 1719px #FFF , 1475px 214px #FFF , 1481px 1604px #FFF , 1831px 1570px #FFF , 1455px 1140px #FFF , 1881px 44px #FFF , 574px 801px #FFF , 1510px 1597px #FFF , 981px 1370px #FFF , 1324px 1746px #FFF , 448px 720px #FFF , 285px 1600px #FFF , 695px 1634px #FFF , 819px 1862px #FFF , 1250px 935px #FFF , 222px 1518px #FFF , 100px 258px #FFF , 340px 815px #FFF , 1641px 1306px #FFF , 355px 1292px #FFF , 780px 722px #FFF , 1215px 143px #FFF , 1374px 663px #FFF , 1616px 154px #FFF , 1060px 1296px #FFF , 74px 964px #FFF , 1310px 165px #FFF , 755px 597px #FFF , 169px 1602px #FFF , 248px 355px #FFF , 461px 537px #FFF , 1904px 220px #FFF , 234px 49px #FFF , 696px 1241px #FFF , 54px 306px #FFF , 1349px 112px #FFF , 666px 1839px #FFF , 1875px 1014px #FFF , 1714px 10px #FFF , 1473px 1964px #FFF , 1045px 1893px #FFF , 1008px 1044px #FFF , 1456px 919px #FFF , 645px 965px #FFF , 606px 721px #FFF , 996px 1093px #FFF , 47px 53px #FFF , 1055px 1806px #FFF , 465px 1739px #FFF , 877px 723px #FFF , 676px 1299px #FFF , 1512px 113px #FFF , 638px 882px #FFF , 160px 1235px #FFF , 1397px 1496px #FFF , 1143px 1801px #FFF , 1104px 1326px #FFF , 1133px 965px #FFF , 759px 1215px #FFF , 1875px 1685px #FFF , 1911px 1585px #FFF , 155px 1415px #FFF , 1197px 1100px #FFF , 967px 486px #FFF , 1304px 1500px #FFF , 94px 921px #FFF , 1845px 1768px #FFF , 1875px 758px #FFF , 11px 856px #FFF , 582px 540px #FFF , 1434px 602px #FFF , 1210px 1880px #FFF , 713px 447px #FFF , 1003px 636px #FFF , 379px 783px #FFF , 1645px 504px #FFF , 783px 14px #FFF , 1263px 883px #FFF , 385px 1362px #FFF , 450px 442px #FFF , 609px 411px #FFF , 1258px 1702px #FFF , 1492px 1533px #FFF , 1956px 1793px #FFF , 1450px 1075px #FFF , 257px 1561px #FFF , 187px 967px #FFF , 17px 203px #FFF , 918px 1850px #FFF , 1207px 1881px #FFF , 889px 288px #FFF , 619px 935px #FFF , 1677px 1625px #FFF , 1842px 1793px #FFF , 1577px 139px #FFF , 372px 1696px #FFF , 1021px 489px #FFF , 238px 1625px #FFF , 1006px 1188px #FFF , 1460px 1776px #FFF , 715px 18px #FFF , 1321px 94px #FFF , 809px 906px #FFF , 1183px 971px #FFF , 381px 747px #FFF , 1916px 647px #FFF , 1212px 1406px #FFF , 445px 638px #FFF , 1118px 1780px #FFF , 808px 197px #FFF , 683px 833px #FFF , 1666px 679px #FFF , 1801px 1224px #FFF , 1081px 789px #FFF , 1381px 505px #FFF , 787px 41px #FFF , 1824px 563px #FFF , 23px 1316px #FFF , 1003px 325px #FFF , 1107px 788px #FFF , 1180px 61px #FFF , 121px 793px #FFF , 1934px 1377px #FFF , 180px 302px #FFF , 815px 624px #FFF , 1150px 1155px #FFF , 395px 1614px #FFF , 173px 500px #FFF , 932px 1111px #FFF , 1390px 1987px #FFF , 1892px 1842px #FFF , 1901px 592px #FFF , 1806px 189px #FFF , 1605px 1876px #FFF , 660px 1349px #FFF , 1610px 348px #FFF , 833px 340px #FFF , 1141px 1919px #FFF , 582px 1507px #FFF , 987px 1391px #FFF , 473px 1969px #FFF , 1686px 791px #FFF , 827px 1869px #FFF , 1845px 1152px #FFF , 1310px 1753px #FFF , 1514px 1472px #FFF , 1841px 255px #FFF , 1019px 1555px #FFF , 1596px 884px #FFF , 1813px 267px #FFF , 769px 1832px #FFF , 1984px 1982px #FFF , 1904px 1519px #FFF , 1018px 967px #FFF , 1733px 1802px #FFF , 1637px 59px #FFF , 1872px 424px #FFF , 830px 1040px #FFF , 1418px 279px #FFF , 1835px 1823px #FFF , 1180px 1131px #FFF , 639px 740px #FFF , 402px 623px #FFF , 1107px 1339px #FFF , 1152px 1331px #FFF , 76px 1459px #FFF , 1923px 1731px #FFF , 682px 1610px #FFF , 678px 363px #FFF , 1421px 951px #FFF , 1086px 1355px #FFF , 708px 1345px #FFF , 358px 92px #FFF , 1633px 1114px #FFF , 1779px 1189px #FFF , 1121px 1624px #FFF , 929px 13px #FFF , 1374px 342px #FFF , 1642px 1404px #FFF , 1417px 1288px #FFF , 837px 1287px #FFF , 882px 1071px #FFF , 1083px 89px #FFF , 68px 1048px #FFF , 1474px 81px #FFF , 305px 998px #FFF , 337px 1823px #FFF , 1822px 1747px #FFF , 81px 1528px #FFF , 922px 429px #FFF , 1994px 411px #FFF , 273px 1545px #FFF , 1203px 289px #FFF , 358px 1839px #FFF , 42px 1174px #FFF , 490px 617px #FFF , 181px 208px #FFF , 69px 742px #FFF , 696px 1194px #FFF , 115px 1910px #FFF , 79px 1730px #FFF , 1176px 463px #FFF , 684px 235px #FFF , 498px 1737px #FFF , 1184px 1113px #FFF , 1842px 3px #FFF , 1774px 1650px #FFF , 752px 15px #FFF , 1643px 911px #FFF , 1940px 37px #FFF , 585px 1535px #FFF , 791px 952px #FFF , 1399px 356px #FFF , 1695px 1873px #FFF , 341px 1660px #FFF , 308px 941px #FFF , 295px 206px #FFF , 1144px 1891px #FFF , 756px 739px #FFF , 1407px 737px #FFF , 122px 1335px #FFF , 632px 797px #FFF , 1032px 1469px #FFF , 1124px 906px #FFF , 1002px 1355px #FFF , 1652px 1292px #FFF , 980px 615px #FFF , 1059px 1679px #FFF , 92px 1457px #FFF , 737px 1643px #FFF , 1572px 59px #FFF , 1906px 584px #FFF , 963px 863px #FFF , 295px 435px #FFF , 214px 154px #FFF , 1409px 864px #FFF , 496px 220px #FFF , 1198px 464px #FFF , 933px 1077px #FFF , 1771px 1369px #FFF , 228px 303px #FFF , 1543px 529px #FFF , 1884px 933px #FFF , 183px 965px #FFF , 378px 354px #FFF , 754px 1807px #FFF , 1832px 475px #FFF , 450px 646px #FFF , 1523px 618px #FFF , 19px 931px #FFF , 864px 1860px #FFF , 1458px 1473px #FFF , 1932px 473px #FFF , 1703px 1687px #FFF , 1548px 499px #FFF , 1200px 1128px #FFF , 774px 1035px #FFF , 1523px 1250px #FFF , 131px 145px #FFF , 1461px 849px #FFF , 1330px 1846px #FFF , 1110px 947px #FFF , 1362px 71px #FFF , 781px 349px #FFF , 190px 1654px #FFF , 1473px 1194px #FFF , 462px 239px #FFF , 685px 54px #FFF , 1913px 1206px #FFF , 779px 491px #FFF , 868px 405px #FFF , 184px 325px #FFF , 1795px 358px #FFF , 865px 1554px #FFF , 1353px 1997px #FFF , 1696px 1439px #FFF , 1992px 51px #FFF , 726px 1511px #FFF , 679px 138px #FFF , 23px 1460px #FFF , 594px 1207px #FFF , 1508px 1617px #FFF , 1965px 1772px #FFF , 590px 1304px #FFF , 1988px 129px #FFF , 1979px 1054px #FFF , 738px 1798px #FFF , 1865px 442px #FFF , 354px 1417px #FFF , 1735px 1616px #FFF , 972px 999px #FFF , 1750px 374px #FFF , 735px 173px #FFF , 724px 1147px #FFF , 932px 564px #FFF , 8px 775px #FFF , 523px 1746px #FFF , 15px 74px #FFF , 1572px 1701px #FFF , 540px 728px #FFF , 837px 338px #FFF , 587px 847px #FFF , 922px 1746px #FFF , 813px 1757px #FFF , 913px 324px #FFF , 348px 210px #FFF , 1933px 1714px #FFF , 1874px 665px #FFF , 2px 1122px #FFF , 1927px 789px #FFF , 527px 662px #FFF , 1523px 1959px #FFF , 1623px 680px #FFF , 1537px 1155px #FFF , 738px 412px #FFF , 1482px 282px #FFF , 640px 1066px #FFF , 1992px 1048px #FFF , 1908px 1208px #FFF , 345px 526px #FFF , 749px 802px #FFF , 1441px 173px #FFF , 1936px 1376px #FFF , 1072px 1768px #FFF , 740px 550px #FFF , 1517px 667px #FFF , 335px 1171px #FFF , 536px 632px #FFF , 432px 1002px #FFF , 217px 1372px #FFF , 173px 129px #FFF , 796px 1557px #FFF , 1170px 1852px #FFF , 1918px 635px #FFF , 1507px 1167px #FFF , 94px 1803px #FFF , 490px 1229px #FFF , 1790px 1377px #FFF , 783px 989px #FFF , 767px 1487px #FFF , 316px 152px #FFF , 1823px 1408px #FFF , 512px 701px #FFF , 1153px 1258px #FFF , 1231px 1481px #FFF , 170px 337px #FFF , 1433px 1554px #FFF , 52px 1752px #FFF , 1530px 1038px #FFF , 1110px 1110px #FFF , 1898px 919px #FFF , 758px 482px #FFF , 610px 1032px #FFF , 1884px 1505px #FFF , 484px 434px #FFF , 50px 1588px #FFF , 1788px 692px #FFF , 794px 1737px #FFF , 777px 575px #FFF , 1324px 1104px #FFF , 1936px 1639px #FFF , 1759px 1603px #FFF , 745px 896px #FFF , 230px 234px #FFF , 1837px 1594px #FFF , 1685px 379px #FFF , 350px 887px #FFF , 205px 1534px #FFF , 1053px 865px #FFF , 732px 279px #FFF , 1350px 191px #FFF , 1433px 65px #FFF , 623px 826px #FFF , 64px 1164px #FFF , 1347px 24px #FFF , 94px 1673px #FFF , 536px 470px #FFF , 319px 1406px #FFF , 1385px 1410px #FFF , 1854px 1207px #FFF , 1497px 475px #FFF , 644px 871px #FFF , 1549px 349px #FFF , 983px 685px #FFF , 1010px 893px #FFF , 1737px 501px #FFF , 36px 742px #FFF , 1156px 213px #FFF , 965px 189px #FFF , 1409px 1105px #FFF , 1690px 432px #FFF , 1843px 739px #FFF , 1519px 109px #FFF , 53px 1593px #FFF , 1816px 1552px #FFF , 881px 307px #FFF , 1844px 1260px #FFF , 649px 1167px #FFF , 18px 594px #FFF , 1967px 151px #FFF , 344px 462px #FFF , 1452px 640px #FFF , 1557px 1793px #FFF , 1868px 1317px #FFF , 1272px 452px #FFF , 1579px 1597px #FFF , 1014px 1791px #FFF , 855px 1396px #FFF , 557px 725px #FFF , 848px 1412px #FFF , 1125px 1346px #FFF , 541px 180px #FFF , 607px 634px #FFF , 1454px 1864px #FFF , 1340px 1783px #FFF , 1875px 876px #FFF , 789px 463px #FFF , 1475px 395px #FFF , 746px 714px #FFF , 774px 1579px #FFF , 511px 89px #FFF , 862px 252px #FFF , 617px 591px #FFF , 232px 278px #FFF , 1689px 420px #FFF , 1934px 292px #FFF , 1005px 1746px #FFF , 328px 307px #FFF , 593px 1389px #FFF , 1351px 1033px #FFF , 733px 363px #FFF , 1420px 809px #FFF , 121px 361px #FFF , 1784px 247px #FFF , 1395px 172px #FFF , 1482px 1553px #FFF , 787px 746px #FFF , 123px 613px #FFF , 1972px 1781px #FFF , 1023px 1808px #FFF , 356px 1973px #FFF , 1862px 886px #FFF , 1720px 1357px #FFF , 690px 1002px #FFF , 887px 249px #FFF , 1572px 935px #FFF , 1464px 154px #FFF , 234px 364px #FFF , 1255px 956px #FFF , 354px 1523px #FFF , 1412px 1308px #FFF , 41px 1007px #FFF , 989px 1622px #FFF , 14px 1506px #FFF , 1315px 1571px #FFF , 1971px 1661px #FFF , 218px 1893px #FFF , 598px 1085px #FFF , 436px 1048px #FFF , 550px 312px #FFF , 1722px 1924px #FFF , 828px 1627px #FFF , 1922px 230px #FFF , 1218px 802px #FFF , 1368px 261px #FFF , 574px 9px #FFF , 1350px 1030px #FFF , 435px 1853px #FFF , 966px 906px #FFF , 641px 172px #FFF , 1117px 1828px #FFF , 1328px 233px #FFF , 1175px 1735px #FFF , 1522px 1812px #FFF , 175px 765px #FFF , 326px 1540px #FFF , 1761px 1869px #FFF , 1027px 1399px #FFF , 1432px 784px #FFF , 705px 187px #FFF , 1742px 1296px #FFF , 869px 1841px #FFF , 749px 376px #FFF , 541px 84px #FFF , 1455px 121px #FFF , 138px 835px #FFF , 1504px 519px #FFF , 1969px 1875px #FFF , 1197px 1959px #FFF , 1615px 1171px #FFF , 1040px 689px #FFF , 1757px 719px #FFF , 124px 765px #FFF , 997px 1759px #FFF , 1243px 129px #FFF , 1168px 1482px #FFF , 895px 618px #FFF , 1281px 690px #FFF , 1852px 1691px #FFF , 688px 110px #FFF , 419px 598px #FFF , 207px 651px #FFF , 341px 639px #FFF , 1301px 123px #FFF , 1674px 8px #FFF , 1391px 31px #FFF , 59px 515px #FFF , 172px 1957px #FFF , 271px 1035px #FFF , 152px 1624px #FFF , 1874px 966px #FFF , 1192px 493px #FFF , 204px 881px #FFF , 1169px 1039px #FFF , 12px 676px #FFF , 192px 594px #FFF , 765px 206px #FFF , 243px 1701px #FFF , 910px 462px #FFF , 1249px 1530px #FFF , 74px 433px #FFF , 1198px 1595px #FFF , 1223px 574px #FFF , 114px 61px #FFF , 120px 423px #FFF , 493px 333px #FFF;
  animation: animStar 50s linear infinite; }
  #stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1800px 1960px #FFF , 1231px 1725px #FFF , 53px 73px #FFF , 371px 1092px #FFF , 1761px 217px #FFF , 385px 1559px #FFF , 1476px 85px #FFF , 341px 329px #FFF , 1332px 1386px #FFF , 767px 957px #FFF , 308px 1799px #FFF , 1749px 628px #FFF , 147px 465px #FFF , 1025px 1578px #FFF , 1016px 1363px #FFF , 1278px 414px #FFF , 1122px 495px #FFF , 1512px 156px #FFF , 642px 1614px #FFF , 1067px 1767px #FFF , 124px 682px #FFF , 678px 1004px #FFF , 1475px 1248px #FFF , 133px 1086px #FFF , 1171px 1634px #FFF , 1354px 1562px #FFF , 822px 1503px #FFF , 976px 1464px #FFF , 1450px 18px #FFF , 1005px 1050px #FFF , 37px 1930px #FFF , 165px 929px #FFF , 619px 1123px #FFF , 1146px 1005px #FFF , 1021px 1415px #FFF , 124px 781px #FFF , 986px 1073px #FFF , 776px 388px #FFF , 1301px 272px #FFF , 916px 747px #FFF , 635px 1544px #FFF , 758px 1244px #FFF , 284px 1740px #FFF , 724px 278px #FFF , 1015px 1373px #FFF , 1730px 971px #FFF , 598px 925px #FFF , 300px 1384px #FFF , 650px 378px #FFF , 569px 996px #FFF , 1004px 1869px #FFF , 1257px 531px #FFF , 481px 1341px #FFF , 240px 799px #FFF , 29px 1987px #FFF , 1273px 139px #FFF , 1607px 154px #FFF , 1070px 652px #FFF , 837px 1203px #FFF , 1574px 1686px #FFF , 1725px 1800px #FFF , 566px 1922px #FFF , 1706px 906px #FFF , 441px 1762px #FFF , 738px 1990px #FFF , 1390px 1041px #FFF , 1002px 1744px #FFF , 435px 1766px #FFF , 1551px 943px #FFF , 1333px 278px #FFF , 1297px 762px #FFF , 1366px 783px #FFF , 810px 1091px #FFF , 1186px 1703px #FFF , 1256px 1913px #FFF , 774px 916px #FFF , 939px 657px #FFF , 711px 786px #FFF , 1098px 37px #FFF , 1716px 304px #FFF , 1731px 316px #FFF , 660px 383px #FFF , 39px 208px #FFF , 966px 1141px #FFF , 1909px 755px #FFF , 773px 225px #FFF , 537px 1467px #FFF , 631px 305px #FFF , 157px 1004px #FFF , 1998px 952px #FFF , 1744px 207px #FFF , 196px 544px #FFF , 1777px 1014px #FFF , 866px 179px #FFF , 1077px 332px #FFF , 1412px 1944px #FFF , 1374px 1739px #FFF , 1727px 243px #FFF , 1690px 1891px #FFF , 1580px 205px #FFF , 618px 861px #FFF , 1750px 837px #FFF , 1819px 1672px #FFF , 1692px 997px #FFF , 1358px 652px #FFF , 1148px 1194px #FFF , 1733px 1121px #FFF , 1490px 1942px #FFF , 388px 1032px #FFF , 1884px 818px #FFF , 1423px 1331px #FFF , 258px 57px #FFF , 798px 1687px #FFF , 1826px 1967px #FFF , 1080px 66px #FFF , 843px 1912px #FFF , 1917px 1482px #FFF , 1376px 997px #FFF , 1026px 700px #FFF , 1953px 271px #FFF , 1115px 81px #FFF , 1105px 420px #FFF , 1382px 1156px #FFF , 640px 592px #FFF , 701px 1830px #FFF , 19px 589px #FFF , 1516px 1028px #FFF , 1995px 1969px #FFF , 119px 675px #FFF , 1207px 860px #FFF , 5px 62px #FFF , 1453px 109px #FFF , 1533px 592px #FFF , 1375px 143px #FFF , 1827px 550px #FFF , 106px 162px #FFF , 314px 1950px #FFF , 907px 566px #FFF , 992px 1818px #FFF , 1709px 938px #FFF , 319px 954px #FFF , 412px 1339px #FFF , 1370px 1706px #FFF , 1316px 1786px #FFF , 1011px 339px #FFF , 737px 462px #FFF , 570px 121px #FFF , 113px 442px #FFF , 69px 295px #FFF , 1071px 1043px #FFF , 880px 1445px #FFF , 241px 1207px #FFF , 1896px 1662px #FFF , 997px 978px #FFF , 525px 589px #FFF , 1367px 1734px #FFF , 1845px 376px #FFF , 192px 997px #FFF , 1599px 828px #FFF , 1896px 606px #FFF , 257px 1598px #FFF , 830px 1387px #FFF , 940px 1146px #FFF , 892px 1889px #FFF , 950px 1141px #FFF , 778px 661px #FFF , 1328px 828px #FFF , 1702px 255px #FFF , 1107px 1590px #FFF , 178px 636px #FFF , 768px 62px #FFF , 1874px 960px #FFF , 859px 571px #FFF , 1070px 1642px #FFF , 1191px 1719px #FFF , 1475px 214px #FFF , 1481px 1604px #FFF , 1831px 1570px #FFF , 1455px 1140px #FFF , 1881px 44px #FFF , 574px 801px #FFF , 1510px 1597px #FFF , 981px 1370px #FFF , 1324px 1746px #FFF , 448px 720px #FFF , 285px 1600px #FFF , 695px 1634px #FFF , 819px 1862px #FFF , 1250px 935px #FFF , 222px 1518px #FFF , 100px 258px #FFF , 340px 815px #FFF , 1641px 1306px #FFF , 355px 1292px #FFF , 780px 722px #FFF , 1215px 143px #FFF , 1374px 663px #FFF , 1616px 154px #FFF , 1060px 1296px #FFF , 74px 964px #FFF , 1310px 165px #FFF , 755px 597px #FFF , 169px 1602px #FFF , 248px 355px #FFF , 461px 537px #FFF , 1904px 220px #FFF , 234px 49px #FFF , 696px 1241px #FFF , 54px 306px #FFF , 1349px 112px #FFF , 666px 1839px #FFF , 1875px 1014px #FFF , 1714px 10px #FFF , 1473px 1964px #FFF , 1045px 1893px #FFF , 1008px 1044px #FFF , 1456px 919px #FFF , 645px 965px #FFF , 606px 721px #FFF , 996px 1093px #FFF , 47px 53px #FFF , 1055px 1806px #FFF , 465px 1739px #FFF , 877px 723px #FFF , 676px 1299px #FFF , 1512px 113px #FFF , 638px 882px #FFF , 160px 1235px #FFF , 1397px 1496px #FFF , 1143px 1801px #FFF , 1104px 1326px #FFF , 1133px 965px #FFF , 759px 1215px #FFF , 1875px 1685px #FFF , 1911px 1585px #FFF , 155px 1415px #FFF , 1197px 1100px #FFF , 967px 486px #FFF , 1304px 1500px #FFF , 94px 921px #FFF , 1845px 1768px #FFF , 1875px 758px #FFF , 11px 856px #FFF , 582px 540px #FFF , 1434px 602px #FFF , 1210px 1880px #FFF , 713px 447px #FFF , 1003px 636px #FFF , 379px 783px #FFF , 1645px 504px #FFF , 783px 14px #FFF , 1263px 883px #FFF , 385px 1362px #FFF , 450px 442px #FFF , 609px 411px #FFF , 1258px 1702px #FFF , 1492px 1533px #FFF , 1956px 1793px #FFF , 1450px 1075px #FFF , 257px 1561px #FFF , 187px 967px #FFF , 17px 203px #FFF , 918px 1850px #FFF , 1207px 1881px #FFF , 889px 288px #FFF , 619px 935px #FFF , 1677px 1625px #FFF , 1842px 1793px #FFF , 1577px 139px #FFF , 372px 1696px #FFF , 1021px 489px #FFF , 238px 1625px #FFF , 1006px 1188px #FFF , 1460px 1776px #FFF , 715px 18px #FFF , 1321px 94px #FFF , 809px 906px #FFF , 1183px 971px #FFF , 381px 747px #FFF , 1916px 647px #FFF , 1212px 1406px #FFF , 445px 638px #FFF , 1118px 1780px #FFF , 808px 197px #FFF , 683px 833px #FFF , 1666px 679px #FFF , 1801px 1224px #FFF , 1081px 789px #FFF , 1381px 505px #FFF , 787px 41px #FFF , 1824px 563px #FFF , 23px 1316px #FFF , 1003px 325px #FFF , 1107px 788px #FFF , 1180px 61px #FFF , 121px 793px #FFF , 1934px 1377px #FFF , 180px 302px #FFF , 815px 624px #FFF , 1150px 1155px #FFF , 395px 1614px #FFF , 173px 500px #FFF , 932px 1111px #FFF , 1390px 1987px #FFF , 1892px 1842px #FFF , 1901px 592px #FFF , 1806px 189px #FFF , 1605px 1876px #FFF , 660px 1349px #FFF , 1610px 348px #FFF , 833px 340px #FFF , 1141px 1919px #FFF , 582px 1507px #FFF , 987px 1391px #FFF , 473px 1969px #FFF , 1686px 791px #FFF , 827px 1869px #FFF , 1845px 1152px #FFF , 1310px 1753px #FFF , 1514px 1472px #FFF , 1841px 255px #FFF , 1019px 1555px #FFF , 1596px 884px #FFF , 1813px 267px #FFF , 769px 1832px #FFF , 1984px 1982px #FFF , 1904px 1519px #FFF , 1018px 967px #FFF , 1733px 1802px #FFF , 1637px 59px #FFF , 1872px 424px #FFF , 830px 1040px #FFF , 1418px 279px #FFF , 1835px 1823px #FFF , 1180px 1131px #FFF , 639px 740px #FFF , 402px 623px #FFF , 1107px 1339px #FFF , 1152px 1331px #FFF , 76px 1459px #FFF , 1923px 1731px #FFF , 682px 1610px #FFF , 678px 363px #FFF , 1421px 951px #FFF , 1086px 1355px #FFF , 708px 1345px #FFF , 358px 92px #FFF , 1633px 1114px #FFF , 1779px 1189px #FFF , 1121px 1624px #FFF , 929px 13px #FFF , 1374px 342px #FFF , 1642px 1404px #FFF , 1417px 1288px #FFF , 837px 1287px #FFF , 882px 1071px #FFF , 1083px 89px #FFF , 68px 1048px #FFF , 1474px 81px #FFF , 305px 998px #FFF , 337px 1823px #FFF , 1822px 1747px #FFF , 81px 1528px #FFF , 922px 429px #FFF , 1994px 411px #FFF , 273px 1545px #FFF , 1203px 289px #FFF , 358px 1839px #FFF , 42px 1174px #FFF , 490px 617px #FFF , 181px 208px #FFF , 69px 742px #FFF , 696px 1194px #FFF , 115px 1910px #FFF , 79px 1730px #FFF , 1176px 463px #FFF , 684px 235px #FFF , 498px 1737px #FFF , 1184px 1113px #FFF , 1842px 3px #FFF , 1774px 1650px #FFF , 752px 15px #FFF , 1643px 911px #FFF , 1940px 37px #FFF , 585px 1535px #FFF , 791px 952px #FFF , 1399px 356px #FFF , 1695px 1873px #FFF , 341px 1660px #FFF , 308px 941px #FFF , 295px 206px #FFF , 1144px 1891px #FFF , 756px 739px #FFF , 1407px 737px #FFF , 122px 1335px #FFF , 632px 797px #FFF , 1032px 1469px #FFF , 1124px 906px #FFF , 1002px 1355px #FFF , 1652px 1292px #FFF , 980px 615px #FFF , 1059px 1679px #FFF , 92px 1457px #FFF , 737px 1643px #FFF , 1572px 59px #FFF , 1906px 584px #FFF , 963px 863px #FFF , 295px 435px #FFF , 214px 154px #FFF , 1409px 864px #FFF , 496px 220px #FFF , 1198px 464px #FFF , 933px 1077px #FFF , 1771px 1369px #FFF , 228px 303px #FFF , 1543px 529px #FFF , 1884px 933px #FFF , 183px 965px #FFF , 378px 354px #FFF , 754px 1807px #FFF , 1832px 475px #FFF , 450px 646px #FFF , 1523px 618px #FFF , 19px 931px #FFF , 864px 1860px #FFF , 1458px 1473px #FFF , 1932px 473px #FFF , 1703px 1687px #FFF , 1548px 499px #FFF , 1200px 1128px #FFF , 774px 1035px #FFF , 1523px 1250px #FFF , 131px 145px #FFF , 1461px 849px #FFF , 1330px 1846px #FFF , 1110px 947px #FFF , 1362px 71px #FFF , 781px 349px #FFF , 190px 1654px #FFF , 1473px 1194px #FFF , 462px 239px #FFF , 685px 54px #FFF , 1913px 1206px #FFF , 779px 491px #FFF , 868px 405px #FFF , 184px 325px #FFF , 1795px 358px #FFF , 865px 1554px #FFF , 1353px 1997px #FFF , 1696px 1439px #FFF , 1992px 51px #FFF , 726px 1511px #FFF , 679px 138px #FFF , 23px 1460px #FFF , 594px 1207px #FFF , 1508px 1617px #FFF , 1965px 1772px #FFF , 590px 1304px #FFF , 1988px 129px #FFF , 1979px 1054px #FFF , 738px 1798px #FFF , 1865px 442px #FFF , 354px 1417px #FFF , 1735px 1616px #FFF , 972px 999px #FFF , 1750px 374px #FFF , 735px 173px #FFF , 724px 1147px #FFF , 932px 564px #FFF , 8px 775px #FFF , 523px 1746px #FFF , 15px 74px #FFF , 1572px 1701px #FFF , 540px 728px #FFF , 837px 338px #FFF , 587px 847px #FFF , 922px 1746px #FFF , 813px 1757px #FFF , 913px 324px #FFF , 348px 210px #FFF , 1933px 1714px #FFF , 1874px 665px #FFF , 2px 1122px #FFF , 1927px 789px #FFF , 527px 662px #FFF , 1523px 1959px #FFF , 1623px 680px #FFF , 1537px 1155px #FFF , 738px 412px #FFF , 1482px 282px #FFF , 640px 1066px #FFF , 1992px 1048px #FFF , 1908px 1208px #FFF , 345px 526px #FFF , 749px 802px #FFF , 1441px 173px #FFF , 1936px 1376px #FFF , 1072px 1768px #FFF , 740px 550px #FFF , 1517px 667px #FFF , 335px 1171px #FFF , 536px 632px #FFF , 432px 1002px #FFF , 217px 1372px #FFF , 173px 129px #FFF , 796px 1557px #FFF , 1170px 1852px #FFF , 1918px 635px #FFF , 1507px 1167px #FFF , 94px 1803px #FFF , 490px 1229px #FFF , 1790px 1377px #FFF , 783px 989px #FFF , 767px 1487px #FFF , 316px 152px #FFF , 1823px 1408px #FFF , 512px 701px #FFF , 1153px 1258px #FFF , 1231px 1481px #FFF , 170px 337px #FFF , 1433px 1554px #FFF , 52px 1752px #FFF , 1530px 1038px #FFF , 1110px 1110px #FFF , 1898px 919px #FFF , 758px 482px #FFF , 610px 1032px #FFF , 1884px 1505px #FFF , 484px 434px #FFF , 50px 1588px #FFF , 1788px 692px #FFF , 794px 1737px #FFF , 777px 575px #FFF , 1324px 1104px #FFF , 1936px 1639px #FFF , 1759px 1603px #FFF , 745px 896px #FFF , 230px 234px #FFF , 1837px 1594px #FFF , 1685px 379px #FFF , 350px 887px #FFF , 205px 1534px #FFF , 1053px 865px #FFF , 732px 279px #FFF , 1350px 191px #FFF , 1433px 65px #FFF , 623px 826px #FFF , 64px 1164px #FFF , 1347px 24px #FFF , 94px 1673px #FFF , 536px 470px #FFF , 319px 1406px #FFF , 1385px 1410px #FFF , 1854px 1207px #FFF , 1497px 475px #FFF , 644px 871px #FFF , 1549px 349px #FFF , 983px 685px #FFF , 1010px 893px #FFF , 1737px 501px #FFF , 36px 742px #FFF , 1156px 213px #FFF , 965px 189px #FFF , 1409px 1105px #FFF , 1690px 432px #FFF , 1843px 739px #FFF , 1519px 109px #FFF , 53px 1593px #FFF , 1816px 1552px #FFF , 881px 307px #FFF , 1844px 1260px #FFF , 649px 1167px #FFF , 18px 594px #FFF , 1967px 151px #FFF , 344px 462px #FFF , 1452px 640px #FFF , 1557px 1793px #FFF , 1868px 1317px #FFF , 1272px 452px #FFF , 1579px 1597px #FFF , 1014px 1791px #FFF , 855px 1396px #FFF , 557px 725px #FFF , 848px 1412px #FFF , 1125px 1346px #FFF , 541px 180px #FFF , 607px 634px #FFF , 1454px 1864px #FFF , 1340px 1783px #FFF , 1875px 876px #FFF , 789px 463px #FFF , 1475px 395px #FFF , 746px 714px #FFF , 774px 1579px #FFF , 511px 89px #FFF , 862px 252px #FFF , 617px 591px #FFF , 232px 278px #FFF , 1689px 420px #FFF , 1934px 292px #FFF , 1005px 1746px #FFF , 328px 307px #FFF , 593px 1389px #FFF , 1351px 1033px #FFF , 733px 363px #FFF , 1420px 809px #FFF , 121px 361px #FFF , 1784px 247px #FFF , 1395px 172px #FFF , 1482px 1553px #FFF , 787px 746px #FFF , 123px 613px #FFF , 1972px 1781px #FFF , 1023px 1808px #FFF , 356px 1973px #FFF , 1862px 886px #FFF , 1720px 1357px #FFF , 690px 1002px #FFF , 887px 249px #FFF , 1572px 935px #FFF , 1464px 154px #FFF , 234px 364px #FFF , 1255px 956px #FFF , 354px 1523px #FFF , 1412px 1308px #FFF , 41px 1007px #FFF , 989px 1622px #FFF , 14px 1506px #FFF , 1315px 1571px #FFF , 1971px 1661px #FFF , 218px 1893px #FFF , 598px 1085px #FFF , 436px 1048px #FFF , 550px 312px #FFF , 1722px 1924px #FFF , 828px 1627px #FFF , 1922px 230px #FFF , 1218px 802px #FFF , 1368px 261px #FFF , 574px 9px #FFF , 1350px 1030px #FFF , 435px 1853px #FFF , 966px 906px #FFF , 641px 172px #FFF , 1117px 1828px #FFF , 1328px 233px #FFF , 1175px 1735px #FFF , 1522px 1812px #FFF , 175px 765px #FFF , 326px 1540px #FFF , 1761px 1869px #FFF , 1027px 1399px #FFF , 1432px 784px #FFF , 705px 187px #FFF , 1742px 1296px #FFF , 869px 1841px #FFF , 749px 376px #FFF , 541px 84px #FFF , 1455px 121px #FFF , 138px 835px #FFF , 1504px 519px #FFF , 1969px 1875px #FFF , 1197px 1959px #FFF , 1615px 1171px #FFF , 1040px 689px #FFF , 1757px 719px #FFF , 124px 765px #FFF , 997px 1759px #FFF , 1243px 129px #FFF , 1168px 1482px #FFF , 895px 618px #FFF , 1281px 690px #FFF , 1852px 1691px #FFF , 688px 110px #FFF , 419px 598px #FFF , 207px 651px #FFF , 341px 639px #FFF , 1301px 123px #FFF , 1674px 8px #FFF , 1391px 31px #FFF , 59px 515px #FFF , 172px 1957px #FFF , 271px 1035px #FFF , 152px 1624px #FFF , 1874px 966px #FFF , 1192px 493px #FFF , 204px 881px #FFF , 1169px 1039px #FFF , 12px 676px #FFF , 192px 594px #FFF , 765px 206px #FFF , 243px 1701px #FFF , 910px 462px #FFF , 1249px 1530px #FFF , 74px 433px #FFF , 1198px 1595px #FFF , 1223px 574px #FFF , 114px 61px #FFF , 120px 423px #FFF , 493px 333px #FFF; }

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 678px 1051px #FFF , 373px 50px #FFF , 740px 1182px #FFF , 1443px 1872px #FFF , 180px 383px #FFF , 1138px 348px #FFF , 301px 108px #FFF , 659px 1603px #FFF , 1125px 1473px #FFF , 1149px 1070px #FFF , 1114px 1067px #FFF , 980px 1126px #FFF , 1607px 1237px #FFF , 1255px 1567px #FFF , 312px 419px #FFF , 391px 1954px #FFF , 1256px 417px #FFF , 766px 1808px #FFF , 880px 1908px #FFF , 1451px 501px #FFF , 530px 992px #FFF , 474px 351px #FFF , 1414px 1695px #FFF , 1423px 1771px #FFF , 1596px 467px #FFF , 207px 1513px #FFF , 260px 234px #FFF , 1425px 692px #FFF , 1625px 1412px #FFF , 880px 1505px #FFF , 490px 1805px #FFF , 1805px 1734px #FFF , 544px 1844px #FFF , 265px 1002px #FFF , 31px 1381px #FFF , 396px 719px #FFF , 954px 758px #FFF , 1362px 598px #FFF , 1523px 1250px #FFF , 947px 324px #FFF , 1982px 220px #FFF , 856px 1833px #FFF , 608px 1237px #FFF , 508px 1020px #FFF , 1678px 478px #FFF , 869px 729px #FFF , 1976px 1022px #FFF , 1251px 245px #FFF , 1612px 941px #FFF , 520px 1578px #FFF , 998px 1882px #FFF , 1799px 459px #FFF , 952px 425px #FFF , 953px 1729px #FFF , 258px 540px #FFF , 1688px 1702px #FFF , 1103px 1544px #FFF , 1172px 482px #FFF , 732px 1019px #FFF , 1108px 523px #FFF , 1317px 1896px #FFF , 1229px 70px #FFF , 1817px 1299px #FFF , 823px 295px #FFF , 1737px 1022px #FFF , 1833px 1310px #FFF , 1446px 953px #FFF , 25px 550px #FFF , 306px 706px #FFF , 1060px 633px #FFF , 1532px 984px #FFF , 668px 192px #FFF , 828px 572px #FFF , 8px 1561px #FFF , 733px 1260px #FFF , 1480px 1002px #FFF , 757px 747px #FFF , 523px 1779px #FFF , 198px 928px #FFF , 310px 792px #FFF , 1233px 1165px #FFF , 741px 1108px #FFF , 1441px 527px #FFF , 65px 1599px #FFF , 1258px 1386px #FFF , 1435px 1198px #FFF , 597px 917px #FFF , 1459px 191px #FFF , 1868px 501px #FFF , 141px 1245px #FFF , 132px 424px #FFF , 1293px 558px #FFF , 408px 933px #FFF , 1120px 1752px #FFF , 788px 595px #FFF , 1216px 1097px #FFF , 1531px 1378px #FFF , 591px 1529px #FFF , 1313px 272px #FFF , 516px 1178px #FFF , 132px 776px #FFF , 1042px 1970px #FFF , 1961px 443px #FFF , 1426px 1424px #FFF , 1725px 220px #FFF , 817px 1793px #FFF , 809px 756px #FFF , 1079px 1677px #FFF , 1951px 382px #FFF , 1107px 1218px #FFF , 609px 26px #FFF , 1836px 367px #FFF , 1020px 1962px #FFF , 1607px 1261px #FFF , 542px 873px #FFF , 759px 913px #FFF , 1916px 1864px #FFF , 1026px 225px #FFF , 1924px 115px #FFF , 601px 1072px #FFF , 944px 1926px #FFF , 556px 1844px #FFF , 1945px 198px #FFF , 1188px 492px #FFF , 904px 1264px #FFF , 1441px 962px #FFF , 191px 73px #FFF , 923px 1076px #FFF , 1924px 1435px #FFF , 332px 1237px #FFF , 1326px 1993px #FFF , 1106px 771px #FFF , 338px 1697px #FFF , 376px 1438px #FFF , 1851px 295px #FFF , 166px 1254px #FFF , 53px 1709px #FFF , 1998px 1913px #FFF , 1633px 781px #FFF , 392px 619px #FFF , 1194px 1054px #FFF , 674px 1505px #FFF , 1723px 569px #FFF , 1691px 1315px #FFF , 290px 1159px #FFF , 575px 358px #FFF , 335px 1238px #FFF , 1797px 1676px #FFF , 1164px 871px #FFF , 1519px 1241px #FFF , 1649px 1569px #FFF , 1606px 1783px #FFF , 6px 1858px #FFF , 358px 896px #FFF , 1934px 75px #FFF , 691px 134px #FFF , 1620px 1011px #FFF , 1986px 946px #FFF , 393px 325px #FFF , 1644px 1299px #FFF , 1412px 878px #FFF , 738px 931px #FFF , 972px 710px #FFF , 967px 727px #FFF , 1252px 225px #FFF , 87px 1616px #FFF , 1701px 1563px #FFF , 916px 1692px #FFF , 441px 361px #FFF , 1832px 1502px #FFF , 563px 765px #FFF , 1174px 212px #FFF , 1388px 907px #FFF , 1821px 101px #FFF , 341px 1104px #FFF , 1231px 193px #FFF , 912px 1658px #FFF , 450px 70px #FFF , 366px 832px #FFF , 1312px 995px #FFF , 638px 1339px #FFF , 292px 1106px #FFF , 1892px 376px #FFF , 1262px 518px #FFF , 745px 394px #FFF , 1305px 1620px #FFF , 1589px 1538px #FFF , 1446px 1771px #FFF , 1938px 1940px #FFF , 1725px 354px #FFF , 619px 1414px #FFF , 1458px 1474px #FFF , 559px 645px #FFF , 742px 656px #FFF , 1024px 1454px #FFF , 781px 621px #FFF , 648px 1582px #FFF , 886px 1696px #FFF , 793px 1017px #FFF , 1652px 476px #FFF;
  animation: animStar 100s linear infinite; }
  #stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 678px 1051px #FFF , 373px 50px #FFF , 740px 1182px #FFF , 1443px 1872px #FFF , 180px 383px #FFF , 1138px 348px #FFF , 301px 108px #FFF , 659px 1603px #FFF , 1125px 1473px #FFF , 1149px 1070px #FFF , 1114px 1067px #FFF , 980px 1126px #FFF , 1607px 1237px #FFF , 1255px 1567px #FFF , 312px 419px #FFF , 391px 1954px #FFF , 1256px 417px #FFF , 766px 1808px #FFF , 880px 1908px #FFF , 1451px 501px #FFF , 530px 992px #FFF , 474px 351px #FFF , 1414px 1695px #FFF , 1423px 1771px #FFF , 1596px 467px #FFF , 207px 1513px #FFF , 260px 234px #FFF , 1425px 692px #FFF , 1625px 1412px #FFF , 880px 1505px #FFF , 490px 1805px #FFF , 1805px 1734px #FFF , 544px 1844px #FFF , 265px 1002px #FFF , 31px 1381px #FFF , 396px 719px #FFF , 954px 758px #FFF , 1362px 598px #FFF , 1523px 1250px #FFF , 947px 324px #FFF , 1982px 220px #FFF , 856px 1833px #FFF , 608px 1237px #FFF , 508px 1020px #FFF , 1678px 478px #FFF , 869px 729px #FFF , 1976px 1022px #FFF , 1251px 245px #FFF , 1612px 941px #FFF , 520px 1578px #FFF , 998px 1882px #FFF , 1799px 459px #FFF , 952px 425px #FFF , 953px 1729px #FFF , 258px 540px #FFF , 1688px 1702px #FFF , 1103px 1544px #FFF , 1172px 482px #FFF , 732px 1019px #FFF , 1108px 523px #FFF , 1317px 1896px #FFF , 1229px 70px #FFF , 1817px 1299px #FFF , 823px 295px #FFF , 1737px 1022px #FFF , 1833px 1310px #FFF , 1446px 953px #FFF , 25px 550px #FFF , 306px 706px #FFF , 1060px 633px #FFF , 1532px 984px #FFF , 668px 192px #FFF , 828px 572px #FFF , 8px 1561px #FFF , 733px 1260px #FFF , 1480px 1002px #FFF , 757px 747px #FFF , 523px 1779px #FFF , 198px 928px #FFF , 310px 792px #FFF , 1233px 1165px #FFF , 741px 1108px #FFF , 1441px 527px #FFF , 65px 1599px #FFF , 1258px 1386px #FFF , 1435px 1198px #FFF , 597px 917px #FFF , 1459px 191px #FFF , 1868px 501px #FFF , 141px 1245px #FFF , 132px 424px #FFF , 1293px 558px #FFF , 408px 933px #FFF , 1120px 1752px #FFF , 788px 595px #FFF , 1216px 1097px #FFF , 1531px 1378px #FFF , 591px 1529px #FFF , 1313px 272px #FFF , 516px 1178px #FFF , 132px 776px #FFF , 1042px 1970px #FFF , 1961px 443px #FFF , 1426px 1424px #FFF , 1725px 220px #FFF , 817px 1793px #FFF , 809px 756px #FFF , 1079px 1677px #FFF , 1951px 382px #FFF , 1107px 1218px #FFF , 609px 26px #FFF , 1836px 367px #FFF , 1020px 1962px #FFF , 1607px 1261px #FFF , 542px 873px #FFF , 759px 913px #FFF , 1916px 1864px #FFF , 1026px 225px #FFF , 1924px 115px #FFF , 601px 1072px #FFF , 944px 1926px #FFF , 556px 1844px #FFF , 1945px 198px #FFF , 1188px 492px #FFF , 904px 1264px #FFF , 1441px 962px #FFF , 191px 73px #FFF , 923px 1076px #FFF , 1924px 1435px #FFF , 332px 1237px #FFF , 1326px 1993px #FFF , 1106px 771px #FFF , 338px 1697px #FFF , 376px 1438px #FFF , 1851px 295px #FFF , 166px 1254px #FFF , 53px 1709px #FFF , 1998px 1913px #FFF , 1633px 781px #FFF , 392px 619px #FFF , 1194px 1054px #FFF , 674px 1505px #FFF , 1723px 569px #FFF , 1691px 1315px #FFF , 290px 1159px #FFF , 575px 358px #FFF , 335px 1238px #FFF , 1797px 1676px #FFF , 1164px 871px #FFF , 1519px 1241px #FFF , 1649px 1569px #FFF , 1606px 1783px #FFF , 6px 1858px #FFF , 358px 896px #FFF , 1934px 75px #FFF , 691px 134px #FFF , 1620px 1011px #FFF , 1986px 946px #FFF , 393px 325px #FFF , 1644px 1299px #FFF , 1412px 878px #FFF , 738px 931px #FFF , 972px 710px #FFF , 967px 727px #FFF , 1252px 225px #FFF , 87px 1616px #FFF , 1701px 1563px #FFF , 916px 1692px #FFF , 441px 361px #FFF , 1832px 1502px #FFF , 563px 765px #FFF , 1174px 212px #FFF , 1388px 907px #FFF , 1821px 101px #FFF , 341px 1104px #FFF , 1231px 193px #FFF , 912px 1658px #FFF , 450px 70px #FFF , 366px 832px #FFF , 1312px 995px #FFF , 638px 1339px #FFF , 292px 1106px #FFF , 1892px 376px #FFF , 1262px 518px #FFF , 745px 394px #FFF , 1305px 1620px #FFF , 1589px 1538px #FFF , 1446px 1771px #FFF , 1938px 1940px #FFF , 1725px 354px #FFF , 619px 1414px #FFF , 1458px 1474px #FFF , 559px 645px #FFF , 742px 656px #FFF , 1024px 1454px #FFF , 781px 621px #FFF , 648px 1582px #FFF , 886px 1696px #FFF , 793px 1017px #FFF , 1652px 476px #FFF; }

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 560px 1547px #FFF , 1108px 836px #FFF , 1989px 907px #FFF , 1990px 1396px #FFF , 1630px 1342px #FFF , 1749px 1081px #FFF , 1587px 774px #FFF , 492px 650px #FFF , 858px 1747px #FFF , 49px 1959px #FFF , 1898px 54px #FFF , 675px 12px #FFF , 459px 552px #FFF , 1015px 1599px #FFF , 99px 475px #FFF , 910px 514px #FFF , 613px 129px #FFF , 318px 387px #FFF , 703px 41px #FFF , 495px 777px #FFF , 105px 1037px #FFF , 1477px 426px #FFF , 538px 1760px #FFF , 139px 965px #FFF , 1180px 1789px #FFF , 481px 1563px #FFF , 8px 678px #FFF , 1231px 1443px #FFF , 1303px 1413px #FFF , 513px 1500px #FFF , 1379px 1410px #FFF , 98px 1687px #FFF , 1356px 644px #FFF , 810px 162px #FFF , 1350px 659px #FFF , 1266px 491px #FFF , 362px 1295px #FFF , 438px 708px #FFF , 807px 1986px #FFF , 1175px 1312px #FFF , 1453px 872px #FFF , 373px 737px #FFF , 481px 1884px #FFF , 1682px 1706px #FFF , 1899px 1426px #FFF , 244px 158px #FFF , 1315px 1944px #FFF , 1517px 15px #FFF , 831px 756px #FFF , 702px 687px #FFF , 459px 1557px #FFF , 339px 1136px #FFF , 453px 1555px #FFF , 468px 1442px #FFF , 909px 1323px #FFF , 801px 1162px #FFF , 11px 462px #FFF , 88px 525px #FFF , 763px 902px #FFF , 167px 57px #FFF , 1596px 1609px #FFF , 509px 690px #FFF , 1478px 473px #FFF , 379px 1395px #FFF , 805px 482px #FFF , 728px 412px #FFF , 1860px 101px #FFF , 583px 1660px #FFF , 107px 963px #FFF , 1922px 1456px #FFF , 788px 1201px #FFF , 1058px 1800px #FFF , 1929px 908px #FFF , 1124px 1377px #FFF , 369px 1998px #FFF , 1365px 1750px #FFF , 1611px 1719px #FFF , 1499px 109px #FFF , 1643px 1520px #FFF , 1449px 787px #FFF , 1432px 261px #FFF , 308px 1855px #FFF , 1826px 682px #FFF , 1586px 1488px #FFF , 1512px 1033px #FFF , 1951px 1823px #FFF , 1433px 1714px #FFF , 1041px 1723px #FFF , 1848px 140px #FFF , 209px 237px #FFF , 2000px 1102px #FFF , 1735px 1247px #FFF , 1356px 281px #FFF , 160px 1099px #FFF , 530px 1002px #FFF , 733px 1363px #FFF , 133px 88px #FFF , 922px 1060px #FFF , 565px 1858px #FFF , 1855px 630px #FFF;
  animation: animStar 150s linear infinite; }
  #stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 560px 1547px #FFF , 1108px 836px #FFF , 1989px 907px #FFF , 1990px 1396px #FFF , 1630px 1342px #FFF , 1749px 1081px #FFF , 1587px 774px #FFF , 492px 650px #FFF , 858px 1747px #FFF , 49px 1959px #FFF , 1898px 54px #FFF , 675px 12px #FFF , 459px 552px #FFF , 1015px 1599px #FFF , 99px 475px #FFF , 910px 514px #FFF , 613px 129px #FFF , 318px 387px #FFF , 703px 41px #FFF , 495px 777px #FFF , 105px 1037px #FFF , 1477px 426px #FFF , 538px 1760px #FFF , 139px 965px #FFF , 1180px 1789px #FFF , 481px 1563px #FFF , 8px 678px #FFF , 1231px 1443px #FFF , 1303px 1413px #FFF , 513px 1500px #FFF , 1379px 1410px #FFF , 98px 1687px #FFF , 1356px 644px #FFF , 810px 162px #FFF , 1350px 659px #FFF , 1266px 491px #FFF , 362px 1295px #FFF , 438px 708px #FFF , 807px 1986px #FFF , 1175px 1312px #FFF , 1453px 872px #FFF , 373px 737px #FFF , 481px 1884px #FFF , 1682px 1706px #FFF , 1899px 1426px #FFF , 244px 158px #FFF , 1315px 1944px #FFF , 1517px 15px #FFF , 831px 756px #FFF , 702px 687px #FFF , 459px 1557px #FFF , 339px 1136px #FFF , 453px 1555px #FFF , 468px 1442px #FFF , 909px 1323px #FFF , 801px 1162px #FFF , 11px 462px #FFF , 88px 525px #FFF , 763px 902px #FFF , 167px 57px #FFF , 1596px 1609px #FFF , 509px 690px #FFF , 1478px 473px #FFF , 379px 1395px #FFF , 805px 482px #FFF , 728px 412px #FFF , 1860px 101px #FFF , 583px 1660px #FFF , 107px 963px #FFF , 1922px 1456px #FFF , 788px 1201px #FFF , 1058px 1800px #FFF , 1929px 908px #FFF , 1124px 1377px #FFF , 369px 1998px #FFF , 1365px 1750px #FFF , 1611px 1719px #FFF , 1499px 109px #FFF , 1643px 1520px #FFF , 1449px 787px #FFF , 1432px 261px #FFF , 308px 1855px #FFF , 1826px 682px #FFF , 1586px 1488px #FFF , 1512px 1033px #FFF , 1951px 1823px #FFF , 1433px 1714px #FFF , 1041px 1723px #FFF , 1848px 140px #FFF , 209px 237px #FFF , 2000px 1102px #FFF , 1735px 1247px #FFF , 1356px 281px #FFF , 160px 1099px #FFF , 530px 1002px #FFF , 733px 1363px #FFF , 133px 88px #FFF , 922px 1060px #FFF , 565px 1858px #FFF , 1855px 630px #FFF; }

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

Now, we’re pretty much done, here I leave the example running in my CodePen snippet:

See the Pen
404 Page
by Kevin Fonseca (@kirasiris)
on CodePen.


If you found this Snippet useful, please share it with your friends!.

Leave a Reply

Back to Top