Ich halte mich kurz.
Ich möchte folgendes erzeugen:
Dargestellt wird ein 2-teiliges Bild einer Rakete (1 Teil=Raketen Stufe 1, Teil 2= Raketen Stufe 2), hält man den Cursor über die 2. Stufe bewegt sie sich nach links.
Nun möchte ich, dass dort wo die 2. Stufe „landet“ sprich an den Punkt wo sie durch den Hover Effekt hin gerückt wurde, dass dort ein Text erscheint und wieder verschwindet wenn auch die 2. Stufe wieder zurückgeht. Ich weiß, die Erklärung ist nicht ganz so gut, aber bin halt schlecht darin so etwas zu erklären. Ich hoffe, ihr könnt mir helfen.
Code
<style>
*{
padding: 0;
margin: 0;
}
h1{
text-align:center;
color:white;
font-size:40px;
text-shadow:3px 3px 3px white;
text-decoration:underline;
}
body{
overflow:hidden;
background: linear-gradient(
to bottom right,
#500, #005,
#050, #111,
#500, #005,
#050, #500);
height:100vh;
width:100vw;
background-size: 1000% 1000%;
background-repeat: no-repeat;
animation: gradient 40s ease infinite;
}
@keyframes gradient {
0%{background-position:0% 0%}
50%{background-position:100% 100%}
100%{background-position:0% 0%}
}
.rocket {
position: absolute;
width: 80px;
left:calc(50% - 40px);
}
.rocket .rocket-body {
width: 180px;
}
.rocket .rocket-body .body {
background-color: blue;
height: 80px;
border-top-right-radius: 50%;
border-top-left-radius: 100%;
border-bottom-left-radius: 100%;
border-bottom-right-radius: 50%;
border-left: 5px solid #0000bb;
}
.rocket .rocket-body:after {
content: "";
position: absolute;
left:180px;
display:block;
top:20px;
width: 18px;
height: 43px;
background-color: #554842;
border-top-right-radius: 60%;
border-bottom-right-radius: 60%;
}
.rocket .window {
position: absolute;
width: 40px;
height: 40px;
border-radius: 100%;
background-color: black;
left:25px;
top: 15px;
border: 5px solid white;
}
.rocket .fin {
position: absolute;
z-index: -1;
height: 50px;
width: 55px;
background-color: #a75248;
}
.rocket .fin-left {
left: 100px;
top:75px;
border-bottom-left-radius: 80%;
border-bottom-right-radius: 20%;
}
.rocket .fin-right {
left: 100px;
top:-45px;
border-top-left-radius: 80%;
border-top-right-radius: 20%;
}
#all{
position:relative;
bottom:0px;
left:70%;
width:200px;
}
#rocketcontainer:hover >#all:after{
content:'Herzlich willkommen';
position:absolute;
top:-90px;
font-size:25px;
text-shadow:2px 2px 2px white;
left:0px;
font-weight:900;
height:100px;
text-align:center;
width:100px;
display:block;
opacity:0;
animation:einblenden 4s linear 1;
}
@keyframes einblenden{
0%,49%{
opacity:0;
}
50%,90%{
opacity:1;
}
100%{
opacity:0;
}
}
#rocketcontainer:hover >#all{
animation:flieg 6s linear 1;
}
@keyframes flieg{
0%{
left:70%;
}
33%,66%{
left:15%;
}
100%{
left:70%;
}
}
#rocketcontainer{
width:100vw;
position:absolute;
bottom:100px;
height:80px;
/*border:2px solid red;*/
}
.container{
width: 120px;
height: 100px;
top:-90px;
left:190px;
position:relative;
transform-origin:center bottom;
animation-name: flicker;
animation-duration:3ms;
animation-delay:200ms;
animation-timing-function: ease-in;
animation-iteration-count: infinite;
animation-direction: alternate;
overflow:hidden;
}
.flame{
top:10px;
position:absolute;
margin-top:8px;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
border-top-left-radius: 50%;
transform:rotate(45deg) scale(1.5,1.5);
}
.yellow{
left:10px;
top:30px;
width: 30px;
height: 30px;
background:gold;
box-shadow: 0px 0px 9px 4px gold;
}
.orange{
left:5px;
top:30px;
width: 40px;
height: 40px;
background:orange;
box-shadow: 0px 0px 9px 4px orange;
}
.red{
left:5px;
top:20px;
width: 50px;
height: 50px;
background:OrangeRed;
box-shadow: 0px 0px 5px 4px OrangeRed;
}
.white{
left:15px;
top:30px;
width: 30px;
height: 30px;
background:white;
box-shadow: 0px 0px 9px 4px white;
}
.circle{
border-radius: 50%;
position:absolute;
}
.blue{
width: 10px;
height: 10px;
left:5px;
top:40px;
background: SlateBlue;
box-shadow: 0px 0px 15px 10px SlateBlue;
}
.black{
width: 40px;
height: 40px;
left:-40px;
top:30px;
background: black;
box-shadow: 0px 0px 15px 10px black;
}
@keyframes flicker{
0% {transform: rotate(-1deg);}
20% {transform: rotate(1deg);}
40% {transform: rotate(-1deg);}
60% {transform: rotate(1deg) scaleY(1.04);}
80% {transform: rotate(-2deg) scaleY(0.92);}
100% {transform: rotate(1deg);}
}
#stars {
width: 1px;
height: 1px;
background: transparent;
box-shadow: 1619px 1596px #FFF , 1238px 886px #FFF , 1200px 712px #FFF , 1841px 944px #FFF , 1278px 1601px #FFF , 1768px 1769px #FFF , 146px 1210px #FFF , 1855px 804px #FFF , 1012px 1051px #FFF , 1494px 1850px #FFF , 1829px 1206px #FFF , 957px 819px #FFF , 1851px 681px #FFF , 1360px 7px #FFF , 283px 1213px #FFF , 1683px 141px #FFF , 503px 161px #FFF , 279px 1992px #FFF , 364px 1441px #FFF , 773px 1431px #FFF , 326px 537px #FFF , 701px 1559px #FFF , 1960px 1142px #FFF , 1328px 1872px #FFF , 1671px 1706px #FFF , 1047px 179px #FFF , 993px 422px #FFF , 1535px 733px #FFF , 1630px 256px #FFF , 1807px 1797px #FFF , 1527px 997px #FFF , 131px 1846px #FFF , 328px 1976px #FFF , 1579px 1788px #FFF , 1523px 305px #FFF , 1651px 1919px #FFF , 1584px 448px #FFF , 1506px 101px #FFF , 743px 794px #FFF , 267px 1657px #FFF , 243px 1770px #FFF , 1012px 329px #FFF , 1477px 1337px #FFF , 1108px 1533px #FFF , 144px 1587px #FFF , 1812px 324px #FFF , 1610px 1354px #FFF , 1022px 1259px #FFF , 1936px 22px #FFF , 1021px 72px #FFF , 814px 1543px #FFF , 786px 1384px #FFF , 571px 1673px #FFF , 473px 817px #FFF , 65px 1699px #FFF , 1790px 1989px #FFF , 984px 540px #FFF , 1868px 1227px #FFF , 1377px 1189px #FFF , 863px 1734px #FFF , 1018px 1822px #FFF , 1677px 846px #FFF , 151px 1469px #FFF , 1992px 462px #FFF , 306px 104px #FFF , 611px 1062px #FFF , 682px 168px #FFF , 1027px 971px #FFF , 1833px 370px #FFF , 742px 1748px #FFF , 1056px 1269px #FFF , 5px 575px #FFF , 810px 595px #FFF , 1637px 681px #FFF , 825px 888px #FFF , 1638px 368px #FFF , 874px 709px #FFF , 396px 1063px #FFF , 1006px 157px #FFF , 192px 371px #FFF , 1835px 1263px #FFF , 886px 826px #FFF , 489px 947px #FFF , 564px 990px #FFF , 321px 1000px #FFF , 1691px 213px #FFF , 381px 1270px #FFF , 597px 318px #FFF , 908px 491px #FFF , 252px 224px #FFF , 206px 260px #FFF , 1823px 57px #FFF , 463px 589px #FFF , 1936px 850px #FFF , 542px 593px #FFF , 1284px 535px #FFF , 823px 1170px #FFF , 1831px 1960px #FFF , 109px 332px #FFF , 1472px 276px #FFF , 487px 1190px #FFF , 1439px 290px #FFF , 1644px 548px #FFF , 1403px 735px #FFF , 696px 1706px #FFF , 1358px 1840px #FFF , 47px 1630px #FFF , 286px 1204px #FFF , 1074px 1258px #FFF , 1825px 1243px #FFF , 940px 1172px #FFF , 1756px 854px #FFF , 563px 874px #FFF , 983px 1396px #FFF , 4px 1259px #FFF , 1985px 1160px #FFF , 1914px 1622px #FFF , 1423px 1186px #FFF , 204px 733px #FFF , 131px 383px #FFF , 1059px 1213px #FFF , 555px 371px #FFF , 1968px 141px #FFF , 224px 1663px #FFF , 1068px 436px #FFF , 436px 787px #FFF , 1961px 985px #FFF , 1296px 427px #FFF , 694px 1136px #FFF , 566px 1887px #FFF , 106px 1083px #FFF , 927px 1420px #FFF , 1292px 794px #FFF , 444px 1050px #FFF , 1554px 633px #FFF , 1697px 1190px #FFF , 830px 783px #FFF , 1881px 1545px #FFF , 557px 791px #FFF , 1597px 649px #FFF , 702px 231px #FFF , 672px 1219px #FFF , 1328px 1194px #FFF , 759px 839px #FFF , 1461px 1030px #FFF , 1856px 1938px #FFF , 1400px 972px #FFF , 1742px 1911px #FFF , 1983px 1192px #FFF , 1132px 507px #FFF , 649px 293px #FFF , 1441px 1621px #FFF , 355px 444px #FFF , 701px 499px #FFF , 316px 1781px #FFF , 1340px 1486px #FFF , 1322px 1608px #FFF , 1922px 1118px #FFF , 1037px 1519px #FFF , 205px 176px #FFF , 1728px 661px #FFF , 1749px 563px #FFF , 1796px 744px #FFF , 1435px 996px #FFF , 50px 505px #FFF , 1752px 1674px #FFF , 1208px 1037px #FFF , 1311px 1694px #FFF , 1915px 910px #FFF , 799px 1079px #FFF , 509px 390px #FFF , 1145px 1351px #FFF , 1852px 1061px #FFF , 1124px 1188px #FFF , 98px 191px #FFF , 1541px 38px #FFF , 1358px 409px #FFF , 685px 1309px #FFF , 1075px 1295px #FFF , 1903px 708px #FFF , 1041px 1328px #FFF , 1277px 121px #FFF , 1247px 867px #FFF , 1589px 1886px #FFF , 157px 850px #FFF , 1647px 1473px #FFF , 237px 1825px #FFF , 1667px 1959px #FFF , 324px 500px #FFF , 1823px 461px #FFF , 347px 160px #FFF , 1492px 512px #FFF , 1295px 732px #FFF , 1347px 643px #FFF , 1428px 102px #FFF , 337px 1631px #FFF , 1779px 330px #FFF , 1062px 1928px #FFF , 608px 1077px #FFF , 1803px 949px #FFF , 1837px 508px #FFF , 408px 1914px #FFF , 422px 433px #FFF , 1506px 1558px #FFF , 1891px 1663px #FFF , 196px 753px #FFF , 426px 1453px #FFF , 460px 456px #FFF , 635px 585px #FFF , 1117px 634px #FFF , 628px 1323px #FFF , 599px 372px #FFF , 1204px 473px #FFF , 1644px 851px #FFF , 8px 1464px #FFF , 1722px 1152px #FFF , 360px 144px #FFF , 1056px 315px #FFF , 116px 565px #FFF , 861px 724px #FFF , 1212px 1977px #FFF , 1980px 1112px #FFF , 1426px 1724px #FFF , 404px 186px #FFF , 961px 393px #FFF , 1091px 270px #FFF , 1025px 941px #FFF , 1706px 142px #FFF , 1108px 1321px #FFF , 96px 1747px #FFF , 1035px 1351px #FFF , 1164px 55px #FFF , 418px 1038px #FFF , 1422px 1046px #FFF , 545px 1317px #FFF , 1624px 509px #FFF , 1150px 1282px #FFF , 1942px 619px #FFF , 861px 495px #FFF , 628px 1590px #FFF , 437px 1587px #FFF , 1212px 1552px #FFF , 979px 1504px #FFF , 1078px 352px #FFF , 596px 272px #FFF , 1250px 248px #FFF , 1178px 442px #FFF , 1658px 1323px #FFF , 1393px 1187px #FFF , 1809px 1187px #FFF , 1807px 1236px #FFF , 186px 436px #FFF , 1723px 1116px #FFF , 1199px 699px #FFF , 1820px 1464px #FFF , 1512px 1163px #FFF , 130px 862px #FFF , 1722px 635px #FFF , 1598px 1735px #FFF , 1294px 803px #FFF , 1623px 875px #FFF , 1234px 1882px #FFF , 1118px 1609px #FFF , 407px 1286px #FFF , 1068px 650px #FFF , 501px 1096px #FFF , 646px 188px #FFF , 1599px 1957px #FFF , 688px 1172px #FFF , 136px 318px #FFF , 1697px 633px #FFF , 151px 956px #FFF , 286px 334px #FFF , 157px 1000px #FFF , 460px 698px #FFF , 1452px 1240px #FFF , 1981px 141px #FFF , 1660px 162px #FFF , 1070px 1739px #FFF , 689px 269px #FFF , 721px 602px #FFF , 74px 834px #FFF , 831px 1232px #FFF , 722px 982px #FFF , 538px 1312px #FFF , 314px 515px #FFF , 1548px 1951px #FFF , 1514px 1985px #FFF , 529px 1930px #FFF , 654px 1363px #FFF , 1073px 210px #FFF , 889px 72px #FFF , 909px 1965px #FFF , 1926px 1469px #FFF , 1645px 141px #FFF , 1773px 1803px #FFF , 126px 10px #FFF , 179px 736px #FFF , 1379px 1740px #FFF , 319px 520px #FFF , 1622px 415px #FFF , 585px 452px #FFF , 1921px 1566px #FFF , 1044px 291px #FFF , 657px 1444px #FFF , 1067px 551px #FFF , 1877px 1763px #FFF , 1193px 1536px #FFF , 1791px 1843px #FFF , 404px 1318px #FFF , 833px 860px #FFF , 1601px 1231px #FFF , 1508px 1910px #FFF , 1906px 1915px #FFF , 1951px 1779px #FFF , 1590px 1938px #FFF , 1708px 1504px #FFF , 1089px 295px #FFF , 410px 1542px #FFF , 1420px 145px #FFF , 1359px 1914px #FFF , 1037px 1987px #FFF , 1837px 523px #FFF , 21px 288px #FFF , 426px 810px #FFF , 239px 883px #FFF , 528px 1837px #FFF , 643px 1618px #FFF , 1635px 1445px #FFF , 472px 693px #FFF , 1719px 197px #FFF , 1966px 1100px #FFF , 865px 245px #FFF , 945px 463px #FFF , 1020px 1071px #FFF , 663px 382px #FFF , 1833px 1358px #FFF , 1610px 985px #FFF , 519px 1970px #FFF , 809px 1945px #FFF , 1493px 95px #FFF , 1438px 20px #FFF , 686px 384px #FFF , 545px 958px #FFF , 1219px 968px #FFF , 1579px 1503px #FFF , 635px 1620px #FFF , 1484px 1751px #FFF , 721px 1280px #FFF , 1868px 1042px #FFF , 1114px 166px #FFF , 1828px 730px #FFF , 346px 1659px #FFF , 968px 894px #FFF , 576px 1389px #FFF , 107px 660px #FFF , 998px 1116px #FFF , 1221px 1676px #FFF , 722px 261px #FFF , 547px 413px #FFF , 580px 341px #FFF , 1800px 1453px #FFF , 1718px 1705px #FFF , 661px 941px #FFF , 1250px 119px #FFF , 16px 655px #FFF , 1166px 948px #FFF , 62px 1348px #FFF , 601px 1369px #FFF , 1029px 1087px #FFF , 796px 456px #FFF , 794px 1530px #FFF , 676px 1141px #FFF , 1604px 273px #FFF , 902px 1699px #FFF , 461px 1051px #FFF , 1427px 1331px #FFF , 199px 1015px #FFF , 770px 455px #FFF , 632px 181px #FFF , 1450px 894px #FFF , 275px 1189px #FFF , 467px 203px #FFF , 747px 1735px #FFF , 957px 1286px #FFF , 1209px 1031px #FFF , 1106px 1176px #FFF , 1514px 1850px #FFF , 833px 1468px #FFF , 1589px 1689px #FFF , 945px 1196px #FFF , 1445px 246px #FFF , 20px 16px #FFF , 365px 1363px #FFF , 1701px 308px #FFF , 543px 522px #FFF , 1232px 357px #FFF , 681px 1884px #FFF , 594px 1849px #FFF , 1850px 1477px #FFF , 1127px 1160px #FFF , 1245px 175px #FFF , 900px 1716px #FFF , 479px 1023px #FFF , 1596px 49px #FFF , 247px 1826px #FFF , 518px 256px #FFF , 853px 379px #FFF , 345px 723px #FFF , 3px 141px #FFF , 1670px 822px #FFF , 1062px 771px #FFF , 832px 504px #FFF , 913px 156px #FFF , 1701px 728px #FFF , 1866px 1001px #FFF , 866px 502px #FFF , 888px 387px #FFF , 1795px 102px #FFF , 62px 1536px #FFF , 1897px 1595px #FFF , 1728px 1752px #FFF , 831px 939px #FFF , 822px 299px #FFF , 1124px 730px #FFF , 465px 1898px #FFF , 831px 69px #FFF , 702px 959px #FFF , 942px 1652px #FFF , 1314px 769px #FFF , 1341px 1020px #FFF , 11px 184px #FFF , 468px 1832px #FFF , 1904px 647px #FFF , 1325px 1380px #FFF , 1503px 86px #FFF , 585px 126px #FFF , 1173px 834px #FFF , 1555px 1117px #FFF , 760px 1772px #FFF , 496px 1705px #FFF , 450px 1320px #FFF , 1118px 1355px #FFF , 1381px 1107px #FFF , 422px 547px #FFF , 1123px 1986px #FFF , 128px 1200px #FFF , 1944px 1547px #FFF , 1099px 586px #FFF , 1399px 1984px #FFF , 969px 697px #FFF , 9px 795px #FFF , 1817px 1578px #FFF , 1987px 1259px #FFF , 1773px 895px #FFF , 262px 1393px #FFF , 880px 370px #FFF , 1562px 585px #FFF , 1236px 887px #FFF , 1794px 1249px #FFF , 660px 766px #FFF , 416px 52px #FFF , 1241px 1650px #FFF , 142px 1600px #FFF , 439px 1133px #FFF , 287px 1999px #FFF , 663px 1778px #FFF , 1431px 1591px #FFF , 1224px 1781px #FFF , 8px 1457px #FFF , 342px 1178px #FFF , 1286px 1209px #FFF , 1296px 408px #FFF , 1079px 704px #FFF , 101px 769px #FFF , 442px 581px #FFF , 1565px 1539px #FFF , 121px 707px #FFF , 1137px 1713px #FFF , 1757px 650px #FFF , 1890px 811px #FFF , 1px 1029px #FFF , 1995px 1351px #FFF , 1880px 426px #FFF , 1512px 778px #FFF , 1034px 737px #FFF , 1934px 1769px #FFF , 1727px 743px #FFF , 838px 1033px #FFF , 965px 1460px #FFF , 1298px 222px #FFF , 1855px 437px #FFF , 543px 506px #FFF , 1296px 733px #FFF , 88px 1072px #FFF , 1394px 1313px #FFF , 1729px 425px #FFF , 1232px 1589px #FFF , 680px 982px #FFF , 257px 879px #FFF , 1219px 54px #FFF ,75px 276px #FFF , 1372px 1462px #FFF , 684px 897px #FFF , 558px 1149px #FFF , 169px 766px #FFF , 1577px 102px #FFF , 1399px 1060px #FFF , 890px 524px #FFF , 1958px 577px #FFF , 1695px 322px #FFF , 607px 289px #FFF , 1101px 1368px #FFF , 1532px 332px #FFF , 1054px 1112px #FFF , 1122px 1880px #FFF , 1634px 1788px #FFF , 1339px 1034px #FFF , 1837px 1433px #FFF , 1299px 28px #FFF , 1067px 68px #FFF , 1874px 580px #FFF , 461px 1708px #FFF , 1293px 1468px #FFF , 1684px 1019px #FFF , 12px 219px #FFF , 361px 110px #FFF , 1680px 1698px #FFF , 336px 1193px #FFF , 319px 1920px #FFF , 1956px 895px #FFF , 1665px 1338px #FFF , 992px 1612px #FFF , 1910px 432px #FFF , 387px 1837px #FFF , 710px 159px #FFF , 1411px 1007px #FFF , 1860px 1459px #FFF , 1025px 804px #FFF , 892px 807px #FFF , 407px 822px #FFF , 1689px 1048px #FFF , 571px 49px #FFF , 1191px 1291px #FFF , 1860px 1867px #FFF , 1445px 1257px #FFF , 1994px 621px #FFF , 1707px 43px #FFF , 842px 1184px #FFF , 1485px 580px #FFF , 613px 1252px #FFF , 1988px 988px #FFF , 818px 1657px #FFF , 1666px 367px #FFF , 1321px 821px #FFF , 700px 507px #FFF , 1650px 1891px #FFF , 1120px 755px #FFF , 410px 609px #FFF , 913px 1906px #FFF , 197px 1822px #FFF , 902px 1208px #FFF , 1742px 1014px #FFF , 1570px 1220px #FFF , 268px 994px #FFF , 1640px 1386px #FFF , 484px 1090px #FFF , 305px 683px #FFF , 253px 1932px #FFF , 1181px 319px #FFF , 1163px 1502px #FFF , 1960px 1281px #FFF , 277px 1378px #FFF , 401px 1436px #FFF , 485px 1294px #FFF , 1250px 907px #FFF , 1206px 258px #FFF , 1557px 466px #FFF , 551px 226px #FFF , 1582px 794px #FFF , 1788px 606px #FFF , 1965px 562px #FFF , 1445px 1963px #FFF , 721px 708px #FFF , 888px 937px #FFF , 1152px 1961px #FFF , 1617px 1712px #FFF , 232px 1037px #FFF , 171px 1439px #FFF , 94px 541px #FFF , 1938px 1423px #FFF , 377px 831px #FFF , 1309px 547px #FFF , 1696px 933px #FFF , 742px 1138px #FFF , 1124px 252px #FFF , 1614px 219px #FFF , 103px 906px #FFF , 167px 1250px #FFF , 1478px 1444px #FFF , 473px 571px #FFF , 1597px 533px #FFF , 310px 1465px #FFF , 1904px 1808px #FFF , 574px 1392px #FFF , 1589px 1223px #FFF , 1405px 785px #FFF , 1307px 957px #FFF , 481px 1811px #FFF , 709px 855px #FFF , 334px 172px #FFF , 135px 1267px #FFF , 1224px 804px #FFF , 532px 558px #FFF , 1794px 441px #FFF , 517px 1014px #FFF , 1285px 1856px #FFF , 23px 883px #FFF , 917px 1749px #FFF , 1591px 1596px #FFF , 1195px 1848px #FFF , 1532px 1602px #FFF , 472px 1136px #FFF , 436px 1482px #FFF , 1211px 1975px #FFF , 471px 1256px #FFF , 121px 371px #FFF , 1173px 8px #FFF , 58px 362px #FFF , 1265px 1156px #FFF , 751px 1139px #FFF , 92px 836px #FFF , 1183px 1552px #FFF , 934px 1893px #FFF , 1554px 552px #FFF , 206px 907px #FFF , 822px 1928px #FFF , 518px 914px #FFF , 508px 1892px #FFF , 1185px 1471px #FFF , 1815px 1924px #FFF , 1841px 1312px #FFF , 1418px 1758px #FFF , 102px 1498px #FFF , 1605px 177px #FFF , 352px 1708px #FFF , 1472px 1707px #FFF , 1735px 1844px #FFF , 1992px 1278px #FFF , 26px 611px #FFF , 1725px 105px #FFF , 1061px 834px #FFF , 555px 321px #FFF , 1139px 206px #FFF , 1455px 1512px #FFF , 1164px 258px #FFF , 294px 1543px #FFF , 1501px 1776px #FFF , 752px 1369px #FFF , 609px 111px #FFF , 1192px 971px #FFF , 1957px 249px #FFF , 1397px 1641px #FFF , 1633px 1507px #FFF , 779px 659px #FFF , 1867px 8px #FFF , 28px 691px #FFF , 270px 1025px #FFF , 1781px 1547px #FFF , 1547px 1685px #FFF , 683px 1483px #FFF , 678px 170px #FFF , 1288px 708px #FFF , 1559px 1493px #FFF , 1606px 1665px #FFF , 556px 1040px #FFF , 1016px 268px #FFF , 1683px 620px #FFF , 947px 1770px #FFF , 1303px 234px #FFF , 1940px 1967px #FFF , 1111px 1965px #FFF , 1926px 287px #FFF , 890px 1815px #FFF , 813px 1656px #FFF , 252px 1675px #FFF , 1774px 914px #FFF , 644px 449px #FFF , 1904px 1532px #FFF , 1443px 822px #FFF , 133px 40px #FFF , 372px 1067px #FFF , 1555px 533px #FFF , 142px 575px #FFF , 1548px 989px #FFF , 1220px 1231px #FFF , 1410px 1078px #FFF , 1010px 45px #FFF , 1495px 757px #FFF , 1790px 874px #FFF;
animation: animStar 50s linear infinite;
}
#stars:after {
content: " ";
position: absolute;
top: 2000px;
width: 1px;
height: 1px;
background: transparent;
box-shadow: 1619px 1596px #FFF , 1238px 886px #FFF , 1200px 712px #FFF , 1841px 944px #FFF , 1278px 1601px #FFF , 1768px 1769px #FFF , 146px 1210px #FFF , 1855px 804px #FFF , 1012px 1051px #FFF , 1494px 1850px #FFF , 1829px 1206px #FFF , 957px 819px #FFF , 1851px 681px #FFF , 1360px 7px #FFF , 283px 1213px #FFF , 1683px 141px #FFF , 503px 161px #FFF , 279px 1992px #FFF , 364px 1441px #FFF , 773px 1431px #FFF , 326px 537px #FFF , 701px 1559px #FFF , 1960px 1142px #FFF , 1328px 1872px #FFF , 1671px 1706px #FFF , 1047px 179px #FFF , 993px 422px #FFF , 1535px 733px #FFF , 1630px 256px #FFF , 1807px 1797px #FFF , 1527px 997px #FFF , 131px 1846px #FFF , 328px 1976px #FFF , 1579px 1788px #FFF , 1523px 305px #FFF , 1651px 1919px #FFF , 1584px 448px #FFF , 1506px 101px #FFF , 743px 794px #FFF , 267px 1657px #FFF , 243px 1770px #FFF , 1012px 329px #FFF , 1477px 1337px #FFF , 1108px 1533px #FFF , 144px 1587px #FFF , 1812px 324px #FFF , 1610px 1354px #FFF , 1022px 1259px #FFF , 1936px 22px #FFF , 1021px 72px #FFF , 814px 1543px #FFF , 786px 1384px #FFF , 571px 1673px #FFF , 473px 817px #FFF , 65px 1699px #FFF , 1790px 1989px #FFF , 984px 540px #FFF , 1868px 1227px #FFF , 1377px 1189px #FFF , 863px 1734px #FFF , 1018px 1822px #FFF , 1677px 846px #FFF , 151px 1469px #FFF , 1992px 462px #FFF , 306px 104px #FFF , 611px 1062px #FFF , 682px 168px #FFF , 1027px 971px #FFF , 1833px 370px #FFF , 742px 1748px #FFF , 1056px 1269px #FFF , 5px 575px #FFF , 810px 595px #FFF , 1637px 681px #FFF , 825px 888px #FFF , 1638px 368px #FFF , 874px 709px #FFF , 396px 1063px #FFF , 1006px 157px #FFF , 192px 371px #FFF , 1835px 1263px #FFF , 886px 826px #FFF , 489px 947px #FFF , 564px 990px #FFF , 321px 1000px #FFF , 1691px 213px #FFF , 381px 1270px #FFF , 597px 318px #FFF , 908px 491px #FFF , 252px 224px #FFF , 206px 260px #FFF , 1823px 57px #FFF , 463px 589px #FFF , 1936px 850px #FFF , 542px 593px #FFF , 1284px 535px #FFF , 823px 1170px #FFF , 1831px 1960px #FFF , 109px 332px #FFF , 1472px 276px #FFF , 487px 1190px #FFF , 1439px 290px #FFF , 1644px 548px #FFF , 1403px 735px #FFF , 696px 1706px #FFF , 1358px 1840px #FFF , 47px 1630px #FFF , 286px 1204px #FFF , 1074px 1258px #FFF , 1825px 1243px #FFF , 940px 1172px #FFF , 1756px 854px #FFF , 563px 874px #FFF , 983px 1396px #FFF , 4px 1259px #FFF , 1985px 1160px #FFF , 1914px 1622px #FFF , 1423px 1186px #FFF , 204px 733px #FFF , 131px 383px #FFF , 1059px 1213px #FFF , 555px 371px #FFF , 1968px 141px #FFF , 224px 1663px #FFF , 1068px 436px #FFF , 436px 787px #FFF , 1961px 985px #FFF , 1296px 427px #FFF , 694px 1136px #FFF , 566px 1887px #FFF , 106px 1083px #FFF , 927px 1420px #FFF , 1292px 794px #FFF , 444px 1050px #FFF , 1554px 633px #FFF , 1697px 1190px #FFF , 830px 783px #FFF , 1881px 1545px #FFF , 557px 791px #FFF , 1597px 649px #FFF , 702px 231px #FFF , 672px 1219px #FFF , 1328px 1194px #FFF , 759px 839px #FFF , 1461px 1030px #FFF , 1856px 1938px #FFF , 1400px 972px #FFF , 1742px 1911px #FFF , 1983px 1192px #FFF , 1132px 507px #FFF , 649px 293px #FFF , 1441px 1621px #FFF , 355px 444px #FFF , 701px 499px #FFF , 316px 1781px #FFF , 1340px 1486px #FFF , 1322px 1608px #FFF , 1922px 1118px #FFF , 1037px 1519px #FFF , 205px 176px #FFF , 1728px 661px #FFF , 1749px 563px #FFF , 1796px 744px #FFF , 1435px 996px #FFF , 50px 505px #FFF , 1752px 1674px #FFF , 1208px 1037px #FFF , 1311px 1694px #FFF , 1915px 910px #FFF , 799px 1079px #FFF , 509px 390px #FFF , 1145px 1351px #FFF , 1852px 1061px #FFF , 1124px 1188px #FFF , 98px 191px #FFF , 1541px 38px #FFF , 1358px 409px #FFF , 685px 1309px #FFF , 1075px 1295px #FFF , 1903px 708px #FFF , 1041px 1328px #FFF , 1277px 121px #FFF , 1247px 867px #FFF , 1589px 1886px #FFF , 157px 850px #FFF , 1647px 1473px #FFF , 237px 1825px #FFF , 1667px 1959px #FFF , 324px 500px #FFF , 1823px 461px #FFF , 347px 160px #FFF , 1492px 512px #FFF , 1295px 732px #FFF , 1347px 643px #FFF , 1428px 102px #FFF , 337px 1631px #FFF , 1779px 330px #FFF , 1062px 1928px #FFF , 608px 1077px #FFF , 1803px 949px #FFF , 1837px 508px #FFF , 408px 1914px #FFF , 422px 433px #FFF , 1506px 1558px #FFF , 1891px 1663px #FFF , 196px 753px #FFF , 426px 1453px #FFF , 460px 456px #FFF , 635px 585px #FFF , 1117px 634px #FFF , 628px 1323px #FFF , 599px 372px #FFF , 1204px 473px #FFF , 1644px 851px #FFF , 8px 1464px #FFF , 1722px 1152px #FFF , 360px 144px #FFF , 1056px 315px #FFF , 116px 565px #FFF , 861px 724px #FFF , 1212px 1977px #FFF , 1980px 1112px #FFF , 1426px 1724px #FFF , 404px 186px #FFF , 961px 393px #FFF , 1091px 270px #FFF , 1025px 941px #FFF , 1706px 142px #FFF , 1108px 1321px #FFF , 96px 1747px #FFF , 1035px 1351px #FFF , 1164px 55px #FFF , 418px 1038px #FFF , 1422px 1046px #FFF , 545px 1317px #FFF , 1624px 509px #FFF , 1150px 1282px #FFF , 1942px 619px #FFF , 861px 495px #FFF , 628px 1590px #FFF , 437px 1587px #FFF , 1212px 1552px #FFF , 979px 1504px #FFF , 1078px 352px #FFF , 596px 272px #FFF , 1250px 248px #FFF , 1178px 442px #FFF , 1658px 1323px #FFF , 1393px 1187px #FFF , 1809px 1187px #FFF , 1807px 1236px #FFF , 186px 436px #FFF , 1723px 1116px #FFF , 1199px 699px #FFF , 1820px 1464px #FFF , 1512px 1163px #FFF , 130px 862px #FFF , 1722px 635px #FFF , 1598px 1735px #FFF , 1294px 803px #FFF , 1623px 875px #FFF , 1234px 1882px #FFF , 1118px 1609px #FFF , 407px 1286px #FFF , 1068px 650px #FFF , 501px 1096px #FFF , 646px 188px #FFF , 1599px 1957px #FFF , 688px 1172px #FFF , 136px 318px #FFF , 1697px 633px #FFF , 151px 956px #FFF , 286px 334px #FFF , 157px 1000px #FFF , 460px 698px #FFF , 1452px 1240px #FFF , 1981px 141px #FFF , 1660px 162px #FFF , 1070px 1739px #FFF , 689px 269px #FFF , 721px 602px #FFF , 74px 834px #FFF , 831px 1232px #FFF , 722px 982px #FFF , 538px 1312px #FFF , 314px 515px #FFF , 1548px 1951px #FFF , 1514px 1985px #FFF , 529px 1930px #FFF , 654px 1363px #FFF , 1073px 210px #FFF , 889px 72px #FFF , 909px 1965px #FFF , 1926px 1469px #FFF , 1645px 141px #FFF , 1773px 1803px #FFF , 126px 10px #FFF , 179px 736px #FFF , 1379px 1740px #FFF , 319px 520px #FFF , 1622px 415px #FFF , 585px 452px #FFF , 1921px 1566px #FFF , 1044px 291px #FFF , 657px 1444px #FFF , 1067px 551px #FFF , 1877px 1763px #FFF , 1193px 1536px #FFF , 1791px 1843px #FFF , 404px 1318px #FFF , 833px 860px #FFF , 1601px 1231px #FFF , 1508px 1910px #FFF , 1906px 1915px #FFF , 1951px 1779px #FFF , 1590px 1938px #FFF , 1708px 1504px #FFF , 1089px 295px #FFF , 410px 1542px #FFF , 1420px 145px #FFF , 1359px 1914px #FFF , 1037px 1987px #FFF , 1837px 523px #FFF , 21px 288px #FFF , 426px 810px #FFF , 239px 883px #FFF , 528px 1837px #FFF , 643px 1618px #FFF , 1635px 1445px #FFF , 472px 693px #FFF , 1719px 197px #FFF , 1966px 1100px #FFF , 865px 245px #FFF , 945px 463px #FFF , 1020px 1071px #FFF , 663px 382px #FFF , 1833px 1358px #FFF , 1610px 985px #FFF , 519px 1970px #FFF , 809px 1945px #FFF , 1493px 95px #FFF , 1438px 20px #FFF , 686px 384px #FFF , 545px 958px #FFF , 1219px 968px #FFF , 1579px 1503px #FFF , 635px 1620px #FFF , 1484px 1751px #FFF , 721px 1280px #FFF , 1868px 1042px #FFF , 1114px 166px #FFF , 1828px 730px #FFF , 346px 1659px #FFF , 968px 894px #FFF , 576px 1389px #FFF , 107px 660px #FFF , 998px 1116px #FFF , 1221px 1676px #FFF , 722px 261px #FFF , 547px 413px #FFF , 580px 341px #FFF , 1800px 1453px #FFF , 1718px 1705px #FFF , 661px 941px #FFF , 1250px 119px #FFF , 16px 655px #FFF , 1166px 948px #FFF , 62px 1348px #FFF , 601px 1369px #FFF , 1029px 1087px #FFF , 796px 456px #FFF , 794px 1530px #FFF , 676px 1141px #FFF , 1604px 273px #FFF , 902px 1699px #FFF , 461px 1051px #FFF , 1427px 1331px #FFF , 199px 1015px #FFF , 770px 455px #FFF , 632px 181px #FFF , 1450px 894px #FFF , 275px 1189px #FFF , 467px 203px #FFF , 747px 1735px #FFF , 957px 1286px #FFF , 1209px 1031px #FFF , 1106px 1176px #FFF , 1514px 1850px #FFF , 833px 1468px #FFF , 1589px 1689px #FFF , 945px 1196px #FFF , 1445px 246px #FFF , 20px 16px #FFF , 365px 1363px #FFF , 1701px 308px #FFF , 543px 522px #FFF , 1232px 357px #FFF , 681px 1884px #FFF , 594px 1849px #FFF , 1850px 1477px #FFF , 1127px 1160px #FFF , 1245px 175px #FFF , 900px 1716px #FFF , 479px 1023px #FFF , 1596px 49px #FFF , 247px 1826px #FFF , 518px 256px #FFF , 853px 379px #FFF , 345px 723px #FFF , 3px 141px #FFF , 1670px 822px #FFF , 1062px 771px #FFF , 832px 504px #FFF , 913px 156px #FFF , 1701px 728px #FFF , 1866px 1001px #FFF , 866px 502px #FFF , 888px 387px #FFF , 1795px 102px #FFF , 62px 1536px #FFF , 1897px 1595px #FFF , 1728px 1752px #FFF , 831px 939px #FFF , 822px 299px #FFF , 1124px 730px #FFF , 465px 1898px #FFF , 831px 69px #FFF , 702px 959px #FFF , 942px 1652px #FFF , 1314px 769px #FFF , 1341px 1020px #FFF , 11px 184px #FFF , 468px 1832px #FFF , 1904px 647px #FFF , 1325px 1380px #FFF , 1503px 86px #FFF , 585px 126px #FFF , 1173px 834px #FFF , 1555px 1117px #FFF , 760px 1772px #FFF , 496px 1705px #FFF , 450px 1320px #FFF , 1118px 1355px #FFF , 1381px 1107px #FFF , 422px 547px #FFF , 1123px 1986px #FFF , 128px 1200px #FFF , 1944px 1547px #FFF , 1099px 586px #FFF , 1399px 1984px #FFF , 969px 697px #FFF , 9px 795px #FFF , 1817px 1578px #FFF , 1987px 1259px #FFF , 1773px 895px #FFF , 262px 1393px #FFF , 880px 370px #FFF , 1562px 585px #FFF , 1236px 887px #FFF , 1794px 1249px #FFF , 660px 766px #FFF , 416px 52px #FFF , 1241px 1650px #FFF , 142px 1600px #FFF , 439px 1133px #FFF , 287px 1999px #FFF , 663px 1778px #FFF , 1431px 1591px #FFF , 1224px 1781px #FFF , 8px 1457px #FFF , 342px 1178px #FFF , 1286px 1209px #FFF , 1296px 408px #FFF , 1079px 704px #FFF , 101px 769px #FFF , 442px 581px #FFF , 1565px 1539px #FFF , 121px 707px #FFF , 1137px 1713px #FFF , 1757px 650px #FFF , 1890px 811px #FFF , 1px 1029px #FFF , 1995px 1351px #FFF , 1880px 426px #FFF , 1512px 778px #FFF , 1034px 737px #FFF , 1934px 1769px #FFF , 1727px 743px #FFF , 838px 1033px #FFF , 965px 1460px #FFF , 1298px 222px #FFF , 1855px 437px #FFF , 543px 506px #FFF , 1296px 733px #FFF , 88px 1072px #FFF , 1394px 1313px #FFF , 1729px 425px #FFF , 1232px 1589px #FFF , 680px 982px #FFF , 257px 879px #FFF , 1219px 54px #FFF , 75px 276px #FFF , 1372px 1462px #FFF , 684px 897px #FFF , 558px 1149px #FFF , 169px 766px #FFF , 1577px 102px #FFF , 1399px 1060px #FFF , 890px 524px #FFF , 1958px 577px #FFF , 1695px 322px #FFF , 607px 289px #FFF , 1101px 1368px #FFF , 1532px 332px #FFF , 1054px 1112px #FFF , 1122px 1880px #FFF , 1634px 1788px #FFF , 1339px 1034px #FFF , 1837px 1433px #FFF , 1299px 28px #FFF , 1067px 68px #FFF , 1874px 580px #FFF , 461px 1708px #FFF , 1293px 1468px #FFF , 1684px 1019px #FFF , 12px 219px #FFF , 361px 110px #FFF , 1680px 1698px #FFF , 336px 1193px #FFF , 319px 1920px #FFF , 1956px 895px #FFF , 1665px 1338px #FFF , 992px 1612px #FFF , 1910px 432px #FFF , 387px 1837px #FFF , 710px 159px #FFF , 1411px 1007px #FFF , 1860px 1459px #FFF , 1025px 804px #FFF , 892px 807px #FFF , 407px 822px #FFF , 1689px 1048px #FFF , 571px 49px #FFF , 1191px 1291px #FFF , 1860px 1867px #FFF , 1445px 1257px #FFF , 1994px 621px #FFF , 1707px 43px #FFF , 842px 1184px #FFF , 1485px 580px #FFF , 613px 1252px #FFF , 1988px 988px #FFF , 818px 1657px #FFF , 1666px 367px #FFF , 1321px 821px #FFF , 700px 507px #FFF , 1650px 1891px #FFF , 1120px 755px #FFF , 410px 609px #FFF , 913px 1906px #FFF , 197px 1822px #FFF , 902px 1208px #FFF , 1742px 1014px #FFF , 1570px 1220px #FFF , 268px 994px #FFF , 1640px 1386px #FFF , 484px 1090px #FFF , 305px 683px #FFF , 253px 1932px #FFF , 1181px 319px #FFF , 1163px 1502px #FFF , 1960px 1281px #FFF , 277px 1378px #FFF , 401px 1436px #FFF , 485px 1294px #FFF , 1250px 907px #FFF , 1206px 258px #FFF , 1557px 466px #FFF , 551px 226px #FFF , 1582px 794px #FFF , 1788px 606px #FFF , 1965px 562px #FFF , 1445px 1963px #FFF , 721px 708px #FFF , 888px 937px #FFF , 1152px 1961px #FFF , 1617px 1712px #FFF , 232px 1037px #FFF , 171px 1439px #FFF , 94px 541px #FFF , 1938px 1423px #FFF , 377px 831px #FFF , 1309px 547px #FFF , 1696px 933px #FFF , 742px 1138px #FFF , 1124px 252px #FFF , 1614px 219px #FFF , 103px 906px #FFF , 167px 1250px #FFF , 1478px 1444px #FFF , 473px 571px #FFF , 1597px 533px #FFF , 310px 1465px #FFF , 1904px 1808px #FFF , 574px 1392px #FFF , 1589px 1223px #FFF , 1405px 785px #FFF , 1307px 957px #FFF , 481px 1811px #FFF , 709px 855px #FFF , 334px 172px #FFF , 135px 1267px #FFF , 1224px 804px #FFF , 532px 558px #FFF , 1794px 441px #FFF , 517px 1014px #FFF , 1285px 1856px #FFF , 23px 883px #FFF , 917px 1749px #FFF , 1591px 1596px #FFF , 1195px 1848px #FFF , 1532px 1602px #FFF , 472px 1136px #FFF , 436px 1482px #FFF , 1211px 1975px #FFF , 471px 1256px #FFF , 121px 371px #FFF , 1173px 8px #FFF , 58px 362px #FFF , 1265px 1156px #FFF , 751px 1139px #FFF , 92px 836px #FFF , 1183px 1552px #FFF , 934px 1893px #FFF , 1554px 552px #FFF , 206px 907px #FFF , 822px 1928px #FFF , 518px 914px #FFF , 508px 1892px #FFF , 1185px 1471px #FFF , 1815px 1924px #FFF , 1841px 1312px #FFF , 1418px 1758px #FFF , 102px 1498px #FFF , 1605px 177px #FFF , 352px 1708px #FFF , 1472px 1707px #FFF , 1735px 1844px #FFF , 1992px 1278px #FFF , 26px 611px #FFF , 1725px 105px #FFF , 1061px 834px #FFF , 555px 321px #FFF , 1139px 206px #FFF , 1455px 1512px #FFF , 1164px 258px #FFF , 294px 1543px #FFF , 1501px 1776px #FFF , 752px 1369px #FFF , 609px 111px #FFF , 1192px 971px #FFF , 1957px 249px #FFF , 1397px 1641px #FFF , 1633px 1507px #FFF , 779px 659px #FFF , 1867px 8px #FFF , 28px 691px #FFF , 270px 1025px #FFF , 1781px 1547px #FFF , 1547px 1685px #FFF , 683px 1483px #FFF , 678px 170px #FFF , 1288px 708px #FFF , 1559px 1493px #FFF , 1606px 1665px #FFF , 556px 1040px #FFF , 1016px 268px #FFF , 1683px 620px #FFF , 947px 1770px #FFF , 1303px 234px #FFF , 1940px 1967px #FFF , 1111px 1965px #FFF , 1926px 287px #FFF , 890px 1815px #FFF , 813px 1656px #FFF , 252px 1675px #FFF , 1774px 914px #FFF , 644px 449px #FFF , 1904px 1532px #FFF , 1443px 822px #FFF , 133px 40px #FFF , 372px 1067px #FFF , 1555px 533px #FFF , 142px 575px #FFF , 1548px 989px #FFF , 1220px 1231px #FFF , 1410px 1078px #FFF , 1010px 45px #FFF , 1495px 757px #FFF , 1790px 874px #FFF;
}
#stars2 {
width: 2px;
height: 2px;
background: transparent;
box-shadow: 284px 1564px #FFF , 355px 1670px #FFF , 180px 1753px #FFF , 263px 931px #FFF , 990px 1086px #FFF , 538px 198px #FFF , 1837px 1683px #FFF , 1083px 913px #FFF , 1847px 333px #FFF , 681px 1290px #FFF , 1550px 1587px #FFF , 1984px 1944px #FFF , 1542px 1027px #FFF , 636px 29px #FFF , 298px 1623px #FFF , 1650px 810px #FFF , 1288px 502px #FFF , 1020px 1756px #FFF , 275px 1088px #FFF , 121px 529px #FFF , 359px 576px #FFF , 6px 1930px #FFF , 1949px 10px #FFF , 118px 1577px #FFF , 1092px 1099px #FFF , 1362px 563px #FFF , 123px 1986px #FFF , 1623px 1393px #FFF , 1738px 70px #FFF , 48px 623px #FFF , 830px 1873px #FFF , 829px 1178px #FFF , 1569px 3px #FFF , 1334px 1395px #FFF , 1083px 1308px #FFF , 1333px 1891px #FFF , 653px 482px #FFF , 1283px 301px #FFF , 1502px 1999px #FFF , 1209px 730px #FFF , 1788px 306px #FFF , 1262px 1289px #FFF , 858px 1660px #FFF , 114px 543px #FFF , 573px 1081px #FFF , 1653px 17px #FFF , 952px 1260px #FFF , 770px 669px #FFF , 1358px 721px #FFF , 651px 20px #FFF , 1056px 937px #FFF , 1096px 157px #FFF , 1018px 392px #FFF , 1170px 105px #FFF , 1056px 92px #FFF , 371px 702px #FFF , 205px 1015px #FFF , 130px 1349px #FFF , 715px 172px #FFF , 605px 1727px #FFF , 1479px 1248px #FFF , 1106px 194px #FFF , 741px 1644px #FFF , 1060px 1853px #FFF , 777px 1626px #FFF , 882px 1309px #FFF , 512px 1724px #FFF , 1225px 925px #FFF , 1072px 326px #FFF , 400px 698px #FFF , 1822px 507px #FFF , 732px 89px #FFF , 1347px 25px #FFF , 1848px 1086px #FFF , 403px 420px #FFF , 1645px 1295px #FFF , 538px 1229px #FFF , 105px 1919px #FFF , 1670px 1090px #FFF , 1623px 1940px #FFF , 140px 890px #FFF , 466px 452px #FFF , 1091px 645px #FFF , 668px 795px #FFF , 1053px 1400px #FFF , 847px 1587px #FFF , 307px 917px #FFF , 808px 963px #FFF , 1569px 423px #FFF , 135px 1349px #FFF , 1813px 764px #FFF , 50px 791px #FFF , 902px 21px #FFF , 772px 632px #FFF , 771px 1149px #FFF , 469px 490px #FFF , 1627px 1064px #FFF , 1029px 24px #FFF , 995px 1229px #FFF , 260px 71px #FFF , 601px 454px #FFF , 520px 1535px #FFF , 1367px 992px #FFF , 776px 402px #FFF , 1615px 238px #FFF , 338px 468px #FFF , 1991px 296px #FFF , 945px 514px #FFF , 1465px 1482px #FFF , 1875px 666px #FFF , 1464px 1300px #FFF , 916px 1753px #FFF , 343px 522px #FFF , 479px 983px #FFF , 1830px 1595px #FFF , 1264px 531px #FFF , 1775px 557px #FFF , 1041px 738px #FFF , 682px 297px #FFF , 1623px 285px #FFF , 1338px 977px #FFF , 1175px 1865px #FFF , 1429px 286px #FFF , 1473px 507px #FFF , 5px 1497px #FFF , 227px 1857px #FFF , 1446px 1003px #FFF , 472px 205px #FFF , 130px 1104px #FFF , 1188px 1971px #FFF , 1140px 843px #FFF , 1466px 1027px #FFF , 421px 581px #FFF , 1589px 952px #FFF , 494px 216px #FFF , 1621px 1831px #FFF , 554px 1967px #FFF , 617px 725px #FFF , 1803px 1137px #FFF , 1117px 1490px #FFF , 6px 310px #FFF , 590px 1872px #FFF , 1586px 292px #FFF , 1236px 1498px #FFF , 1998px 93px #FFF , 580px 528px #FFF , 347px 366px #FFF , 1760px 632px #FFF , 757px 829px #FFF , 1566px 67px #FFF , 77px 522px #FFF , 868px 1182px #FFF , 1822px 710px #FFF , 815px 1943px #FFF , 426px 1606px #FFF , 201px 256px #FFF , 592px 11px #FFF , 381px 733px #FFF , 1954px 606px #FFF , 958px 1720px #FFF , 1419px 359px #FFF , 507px 47px #FFF , 931px 1512px #FFF , 1718px 1918px #FFF , 45px 932px #FFF , 1146px 1110px #FFF , 389px 1544px #FFF , 613px 971px #FFF , 515px 1343px #FFF , 53px 1602px #FFF , 797px 1085px #FFF , 901px 1928px #FFF , 1948px 538px #FFF , 736px 275px #FFF , 1339px 1877px #FFF , 309px 1499px #FFF , 1231px 1092px #FFF , 952px 1975px #FFF , 179px 1262px #FFF , 1061px 2px #FFF , 363px 670px #FFF , 1628px 29px #FFF , 1346px 1981px #FFF , 1514px 1450px #FFF , 248px 395px #FFF , 613px 1713px #FFF , 1342px 1952px #FFF , 455px 545px #FFF , 106px 839px #FFF , 643px 1005px #FFF , 1869px 43px #FFF , 1014px 1730px #FFF , 162px 568px #FFF , 465px 1340px #FFF , 349px 461px #FFF , 1483px 1717px #FFF , 1394px 1396px #FFF , 1447px 1609px #FFF , 996px 1709px #FFF , 1521px 690px #FFF;
animation: animStar 100s linear infinite;
}
#stars2:after {
content: " ";
position: absolute;
top: 2000px;
width: 2px;
height: 2px;
background: transparent;
box-shadow: 284px 1564px #FFF , 355px 1670px #FFF , 180px 1753px #FFF , 263px 931px #FFF , 990px 1086px #FFF , 538px 198px #FFF , 1837px 1683px #FFF , 1083px 913px #FFF , 1847px 333px #FFF , 681px 1290px #FFF , 1550px 1587px #FFF , 1984px 1944px #FFF , 1542px 1027px #FFF , 636px 29px #FFF , 298px 1623px #FFF , 1650px 810px #FFF , 1288px 502px #FFF , 1020px 1756px #FFF , 275px 1088px #FFF , 121px 529px #FFF , 359px 576px #FFF , 6px 1930px #FFF , 1949px 10px #FFF , 118px 1577px #FFF , 1092px 1099px #FFF , 1362px 563px #FFF , 123px 1986px #FFF , 1623px 1393px #FFF , 1738px 70px #FFF , 48px 623px #FFF , 830px 1873px #FFF , 829px 1178px #FFF , 1569px 3px #FFF , 1334px 1395px #FFF , 1083px 1308px #FFF , 1333px 1891px #FFF , 653px 482px #FFF , 1283px 301px #FFF , 1502px 1999px #FFF , 1209px 730px #FFF , 1788px 306px #FFF , 1262px 1289px #FFF , 858px 1660px #FFF , 114px 543px #FFF , 573px 1081px #FFF , 1653px 17px #FFF , 952px 1260px #FFF , 770px 669px #FFF , 1358px 721px #FFF , 651px 20px #FFF , 1056px 937px #FFF , 1096px 157px #FFF , 1018px 392px #FFF , 1170px 105px #FFF , 1056px 92px #FFF , 371px 702px #FFF , 205px 1015px #FFF , 130px 1349px #FFF , 715px 172px #FFF , 605px 1727px #FFF , 1479px 1248px #FFF , 1106px 194px #FFF , 741px 1644px #FFF , 1060px 1853px #FFF , 777px 1626px #FFF , 882px 1309px #FFF , 512px 1724px #FFF , 1225px 925px #FFF , 1072px 326px #FFF , 400px 698px #FFF , 1822px 507px #FFF , 732px 89px #FFF , 1347px 25px #FFF , 1848px 1086px #FFF , 403px 420px #FFF , 1645px 1295px #FFF , 538px 1229px #FFF , 105px 1919px #FFF , 1670px 1090px #FFF , 1623px 1940px #FFF , 140px 890px #FFF , 466px 452px #FFF , 1091px 645px #FFF , 668px 795px #FFF , 1053px 1400px #FFF , 847px 1587px #FFF , 307px 917px #FFF , 808px 963px #FFF , 1569px 423px #FFF , 135px 1349px #FFF , 1813px 764px #FFF , 50px 791px #FFF , 902px 21px #FFF , 772px 632px #FFF , 771px 1149px #FFF , 469px 490px #FFF , 1627px 1064px #FFF , 1029px 24px #FFF , 995px 1229px #FFF , 260px 71px #FFF , 601px 454px #FFF , 520px 1535px #FFF , 1367px 992px #FFF , 776px 402px #FFF , 1615px 238px #FFF , 338px 468px #FFF , 1991px 296px #FFF , 945px 514px #FFF , 1465px 1482px #FFF , 1875px 666px #FFF , 1464px 1300px #FFF , 916px 1753px #FFF , 343px 522px #FFF , 479px 983px #FFF , 1830px 1595px #FFF , 1264px 531px #FFF , 1775px 557px #FFF , 1041px 738px #FFF , 682px 297px #FFF , 1623px 285px #FFF , 1338px 977px #FFF , 1175px 1865px #FFF , 1429px 286px #FFF , 1473px 507px #FFF , 5px 1497px #FFF , 227px 1857px #FFF , 1446px 1003px #FFF , 472px 205px #FFF , 130px 1104px #FFF , 1188px 1971px #FFF , 1140px 843px #FFF , 1466px 1027px #FFF , 421px 581px #FFF , 1589px 952px #FFF , 494px 216px #FFF , 1621px 1831px #FFF , 554px 1967px #FFF , 617px 725px #FFF , 1803px 1137px #FFF , 1117px 1490px #FFF , 6px 310px #FFF , 590px 1872px #FFF , 1586px 292px #FFF , 1236px 1498px #FFF , 1998px 93px #FFF , 580px 528px #FFF , 347px 366px #FFF , 1760px 632px #FFF , 757px 829px #FFF , 1566px 67px #FFF , 77px 522px #FFF , 868px 1182px #FFF , 1822px 710px #FFF , 815px 1943px #FFF , 426px 1606px #FFF , 201px 256px #FFF , 592px 11px #FFF , 381px 733px #FFF , 1954px 606px #FFF , 958px 1720px #FFF , 1419px 359px #FFF , 507px 47px #FFF , 931px 1512px #FFF , 1718px 1918px #FFF , 45px 932px #FFF , 1146px 1110px #FFF , 389px 1544px #FFF , 613px 971px #FFF , 515px 1343px #FFF , 53px 1602px #FFF , 797px 1085px #FFF , 901px 1928px #FFF , 1948px 538px #FFF , 736px 275px #FFF , 1339px 1877px #FFF , 309px 1499px #FFF , 1231px 1092px #FFF , 952px 1975px #FFF , 179px 1262px #FFF , 1061px 2px #FFF , 363px 670px #FFF , 1628px 29px #FFF , 1346px 1981px #FFF , 1514px 1450px #FFF , 248px 395px #FFF , 613px 1713px #FFF , 1342px 1952px #FFF , 455px 545px #FFF , 106px 839px #FFF , 643px 1005px #FFF , 1869px 43px #FFF , 1014px 1730px #FFF , 162px 568px #FFF , 465px 1340px #FFF , 349px 461px #FFF , 1483px 1717px #FFF , 1394px 1396px #FFF , 1447px 1609px #FFF , 996px 1709px #FFF , 1521px 690px #FFF;
}
#stars3 {
width: 3px;
height: 3px;
background: transparent;
box-shadow: 84px 1599px #FFF , 1559px 1771px #FFF , 180px 873px #FFF , 763px 765px #FFF , 166px 568px #FFF , 1385px 851px #FFF , 734px 1331px #FFF , 353px 1823px #FFF , 1386px 1310px #FFF , 701px 1817px #FFF , 1179px 1401px #FFF , 286px 1115px #FFF , 1008px 1326px #FFF , 898px 727px #FFF , 253px 118px #FFF , 215px 994px #FFF , 1916px 1356px #FFF , 113px 686px #FFF , 104px 908px #FFF , 1511px 515px #FFF , 1168px 1939px #FFF , 714px 1150px #FFF , 1786px 724px #FFF , 1857px 1619px #FFF , 753px 1702px #FFF , 1395px 1743px #FFF , 683px 1841px #FFF , 1659px 1628px #FFF , 616px 258px #FFF , 1552px 1282px #FFF , 1847px 1338px #FFF , 302px 1184px #FFF , 192px 1334px #FFF , 1180px 155px #FFF , 532px 1389px #FFF , 1839px 784px #FFF , 1249px 352px #FFF , 355px 1699px #FFF , 363px 716px #FFF , 1950px 897px #FFF , 1922px 891px #FFF , 606px 134px #FFF , 297px 944px #FFF , 1166px 1344px #FFF , 1130px 453px #FFF , 1062px 1396px #FFF , 1343px 57px #FFF , 1156px 979px #FFF , 1851px 778px #FFF , 486px 1479px #FFF , 1008px 563px #FFF , 1981px 207px #FFF , 1516px 1570px #FFF , 1410px 1127px #FFF , 1038px 153px #FFF , 1870px 1966px #FFF , 982px 1435px #FFF , 817px 1051px #FFF , 459px 85px #FFF , 486px 1050px #FFF , 786px 931px #FFF , 1329px 94px #FFF , 1203px 1880px #FFF , 366px 281px #FFF , 440px 97px #FFF , 925px 818px #FFF , 948px 1267px #FFF , 1017px 1931px #FFF , 1514px 494px #FFF , 976px 321px #FFF , 1901px 439px #FFF , 1853px 1688px #FFF , 1918px 1155px #FFF , 1501px 1255px #FFF , 254px 1824px #FFF , 1222px 132px #FFF , 408px 122px #FFF , 614px 1428px #FFF , 1078px 1949px #FFF , 1012px 759px #FFF , 24px 1042px #FFF , 1942px 1136px #FFF , 1902px 257px #FFF , 1328px 297px #FFF , 1957px 1226px #FFF , 1332px 920px #FFF , 1897px 1669px #FFF , 122px 766px #FFF , 120px 1583px #FFF , 892px 233px #FFF , 1214px 1407px #FFF , 916px 1812px #FFF , 1299px 160px #FFF , 1243px 249px #FFF , 380px 272px #FFF , 1002px 53px #FFF , 119px 1029px #FFF , 406px 1463px #FFF , 236px 67px #FFF , 245px 1221px #FFF;
animation: animStar 150s linear infinite;
}
#stars3:after {
content: " ";
position: absolute;
top: 2000px;
width: 3px;
height: 3px;
background: transparent;
box-shadow: 84px 1599px #FFF , 1559px 1771px #FFF , 180px 873px #FFF , 763px 765px #FFF , 166px 568px #FFF , 1385px 851px #FFF , 734px 1331px #FFF , 353px 1823px #FFF , 1386px 1310px #FFF , 701px 1817px #FFF , 1179px 1401px #FFF , 286px 1115px #FFF , 1008px 1326px #FFF , 898px 727px #FFF , 253px 118px #FFF , 215px 994px #FFF , 1916px 1356px #FFF , 113px 686px #FFF , 104px 908px #FFF , 1511px 515px #FFF , 1168px 1939px #FFF , 714px 1150px #FFF , 1786px 724px #FFF , 1857px 1619px #FFF , 753px 1702px #FFF , 1395px 1743px #FFF , 683px 1841px #FFF , 1659px 1628px #FFF , 616px 258px #FFF , 1552px 1282px #FFF , 1847px 1338px #FFF , 302px 1184px #FFF , 192px 1334px #FFF , 1180px 155px #FFF , 532px 1389px #FFF , 1839px 784px #FFF , 1249px 352px #FFF , 355px 1699px #FFF , 363px 716px #FFF , 1950px 897px #FFF , 1922px 891px #FFF , 606px 134px #FFF , 297px 944px #FFF , 1166px 1344px #FFF , 1130px 453px #FFF , 1062px 1396px #FFF , 1343px 57px #FFF , 1156px 979px #FFF , 1851px 778px #FFF , 486px 1479px #FFF , 1008px 563px #FFF , 1981px 207px #FFF , 1516px 1570px #FFF , 1410px 1127px #FFF , 1038px 153px #FFF , 1870px 1966px #FFF , 982px 1435px #FFF , 817px 1051px #FFF , 459px 85px #FFF , 486px 1050px #FFF , 786px 931px #FFF , 1329px 94px #FFF , 1203px 1880px #FFF , 366px 281px #FFF , 440px 97px #FFF , 925px 818px #FFF , 948px 1267px #FFF , 1017px 1931px #FFF , 1514px 494px #FFF , 976px 321px #FFF , 1901px 439px #FFF , 1853px 1688px #FFF , 1918px 1155px #FFF , 1501px 1255px #FFF , 254px 1824px #FFF , 1222px 132px #FFF , 408px 122px #FFF , 614px 1428px #FFF , 1078px 1949px #FFF , 1012px 759px #FFF , 24px 1042px #FFF , 1942px 1136px #FFF , 1902px 257px #FFF , 1328px 297px #FFF , 1957px 1226px #FFF , 1332px 920px #FFF , 1897px 1669px #FFF , 122px 766px #FFF , 120px 1583px #FFF , 892px 233px #FFF , 1214px 1407px #FFF , 916px 1812px #FFF , 1299px 160px #FFF , 1243px 249px #FFF , 380px 272px #FFF , 1002px 53px #FFF , 119px 1029px #FFF , 406px 1463px #FFF , 236px 67px #FFF , 245px 1221px #FFF;
}
@keyframes animStar {
from {
transform: translateX(0px);
}
to {
transform: translateX(2000px);
}
}
</style>
<body>
<h1>Hover the rocket</h1>
<div id="rocketcontainer">
<div id="all">
<div class="rocket">
<div class="rocket-body">
<div class="body"></div>
<div class="fin fin-left"></div>
<div class="fin fin-right"></div>
<div class="window"></div>
</div>
<div class="container">
<div class="red flame"></div>
<div class="orange flame"></div>
<div class="yellow flame"></div>
<div class="white flame"></div>
<div class="blue circle"></div>
<div class="black circle"></div>
</div>
</div>
</div>
</div>
<div id='stars'></div>
<div id='stars2'></div>
<div id='stars3'></div>
</body>