Css Paint - Summer Vacations

In this example below you will see how to do a Css Paint - Summer Vacations with some HTML / CSS and Javascript

This paint reveal my summer vacation plans.

Thumbnail
This awesome code was written by georgegkas, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright georgegkas ©

Technologies

  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Css Paint - Summer Vacations</title>
  
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  
<div class="content">
  <div class="world">
    <div class="sky">
      <div class="sun"></div>
      <div class="stars"></div>
      <div class="stars2"></div>
      <div class="stars3"></div>
    </div>
    <div class="earth">
      <div class="real">
        <div class="mountains">
          <div class="m1"></div>
          <div class="m1Shadow"></div>
          <div class="m2"></div>
          <div class="m2Shadow"></div>
          <div class="m3"></div>
          <div class="m3Shadow"></div>
          <div class="m4"></div>
          <div class="m4Shadow"></div>
          <div class="m5"></div>
          <div class="m5Shadow"></div>
        </div>
        <div class="lake"></div>
        <div class="islandShadow1"></div>
        <div class="islandShadow2"></div>
        <div class="island">
          <div class="surface">
            <div class="part1"></div>
            <div class="part2"></div>
            <div class="part3"></div>
          </div>
          <div class="trees">
            <div class="tree1">
              <div class="leaf1"></div>
              <div class="leaf2"></div>
              <div class="leaf3"></div>
              <div class="leaf4"></div>
              <div class="leaf5"></div>
              <div class="leaf6"></div>
              <div class="leaf7"></div>
              <div class="leaf8"></div>
              <div class="leaf9"></div>
              <div class="leaf10"></div>
              <div class="leaf11"></div>
            </div>
            <div class="tree2">
              <div class="leaf1"></div>
              <div class="leaf2"></div>
              <div class="leaf3"></div>
              <div class="leaf4"></div>
              <div class="leaf5"></div>
              <div class="leaf6"></div>
              <div class="leaf7"></div>
              <div class="leaf8"></div>
              <div class="leaf9"></div>
              <div class="leaf10"></div>
              <div class="leaf11"></div>
            </div>
          </div>
        </div>
        <div class="boat"></div>
        <div class="human"></div>
      </div>
      <div class="reflection">
        <div class="boat"></div>
        <div class="human"></div>
        <div class="islandGlow"></div>
        <div class="islandR">
          <div class="islandShadow1"></div>
          <div class="islandShadow2"></div>
          <div class="island">
            <div class="surface">
              <div class="part1"></div>
              <div class="part2"></div>
              <div class="part3"></div>
            </div>
            <div class="trees">
              <div class="tree1">
                <div class="leaf1"></div>
                <div class="leaf2"></div>
                <div class="leaf3"></div>
                <div class="leaf4"></div>
                <div class="leaf5"></div>
                <div class="leaf6"></div>
                <div class="leaf7"></div>
                <div class="leaf8"></div>
                <div class="leaf9"></div>
                <div class="leaf10"></div>
                <div class="leaf11"></div>
              </div>
              <div class="tree2">
                <div class="leaf1"></div>
                <div class="leaf2"></div>
                <div class="leaf3"></div>
                <div class="leaf4"></div>
                <div class="leaf5"></div>
                <div class="leaf6"></div>
                <div class="leaf7"></div>
                <div class="leaf8"></div>
                <div class="leaf9"></div>
                <div class="leaf10"></div>
                <div class="leaf11"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
  
  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/georgegkas/css-paint-summer-vacations-PNMLgL */
body {
  background-color: #212121;
}

.world {
  width: 800px;
  height: 600px;
  margin: -300px 0 0 -400px;
  top: 50%;
  position: absolute;
  left: 50%;
  border: 1px solid #5C5A5A;
  background-color: #fff;
  overflow: hidden;
}

.sky {
  background: linear-gradient(to bottom, RGBA(62, 141, 133, 0.4) 2%, #B5D5C8 20%, #F9F9E0);
  height: 435px;
}

.sun {
  border-radius: 50%;
  border-color: RGBA(245, 245, 208, 0.87);
  border-width: 50px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset, 0px 0px 100px rgba(255, 255, 255, 0.3);
  width: 110px;
  height: 110px;
  background-color: RGBA(245, 245, 208, 0.87);
  position: absolute;
  margin-left: 175px;
  margin-top: 30px;
  z-index: 500;
}

.stars {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 523px 1582px #FFF , 1516px 1251px #FFF , 1179px 1224px #FFF , 1766px 544px #FFF , 1938px 839px #FFF , 593px 1177px #FFF , 1870px 1138px #FFF , 1755px 1592px #FFF , 814px 391px #FFF , 1891px 712px #FFF , 1707px 257px #FFF , 1807px 978px #FFF , 373px 1813px #FFF , 1313px 1176px #FFF , 763px 1716px #FFF , 1954px 1075px #FFF , 796px 16px #FFF , 344px 336px #FFF , 533px 47px #FFF , 1852px 888px #FFF , 1717px 1420px #FFF , 264px 131px #FFF , 953px 1881px #FFF , 1750px 551px #FFF , 1993px 373px #FFF , 1237px 1020px #FFF , 745px 1937px #FFF , 400px 170px #FFF , 1476px 1709px #FFF , 637px 867px #FFF , 502px 251px #FFF , 791px 1515px #FFF , 427px 1585px #FFF , 353px 171px #FFF , 462px 1967px #FFF , 763px 1134px #FFF , 1994px 183px #FFF , 539px 1880px #FFF , 782px 1039px #FFF , 1884px 1231px #FFF , 369px 1094px #FFF , 122px 461px #FFF , 1918px 1542px #FFF , 1418px 133px #FFF , 1167px 1783px #FFF , 1468px 1442px #FFF , 1682px 277px #FFF , 1459px 1556px #FFF , 968px 1924px #FFF , 16px 531px #FFF , 1974px 1762px #FFF , 14px 202px #FFF , 440px 711px #FFF , 386px 1961px #FFF , 794px 1314px #FFF , 1133px 1498px #FFF , 466px 738px #FFF , 177px 28px #FFF , 1380px 20px #FFF , 817px 812px #FFF , 991px 1003px #FFF , 584px 345px #FFF , 1283px 1116px #FFF , 1272px 1759px #FFF , 1638px 1032px #FFF , 553px 1084px #FFF , 1789px 602px #FFF , 518px 796px #FFF , 1505px 131px #FFF , 451px 1788px #FFF , 1516px 1424px #FFF , 620px 1919px #FFF , 820px 1432px #FFF , 956px 448px #FFF , 527px 1140px #FFF , 613px 810px #FFF , 1085px 1526px #FFF , 277px 1155px #FFF , 1145px 690px #FFF , 736px 50px #FFF , 1121px 80px #FFF , 1319px 973px #FFF , 1067px 173px #FFF , 133px 1379px #FFF , 446px 1620px #FFF , 945px 205px #FFF , 858px 1684px #FFF , 1128px 912px #FFF , 1024px 1691px #FFF , 596px 656px #FFF , 823px 78px #FFF , 1529px 299px #FFF , 1453px 460px #FFF , 182px 455px #FFF , 1336px 1460px #FFF , 1477px 1269px #FFF , 1854px 170px #FFF , 1197px 261px #FFF , 1506px 168px #FFF , 268px 142px #FFF , 124px 389px #FFF , 1393px 240px #FFF , 1141px 1819px #FFF , 1470px 542px #FFF , 1670px 1370px #FFF , 576px 1195px #FFF , 1590px 1557px #FFF , 38px 419px #FFF , 1411px 1242px #FFF , 794px 1207px #FFF , 1049px 632px #FFF , 484px 1514px #FFF , 831px 1142px #FFF , 560px 1145px #FFF , 221px 1106px #FFF , 1970px 1817px #FFF , 947px 652px #FFF , 1100px 1109px #FFF , 1457px 288px #FFF , 208px 888px #FFF , 1184px 338px #FFF , 729px 819px #FFF , 1640px 1287px #FFF , 201px 556px #FFF , 850px 644px #FFF , 1835px 89px #FFF , 1784px 261px #FFF , 1874px 1067px #FFF , 1861px 222px #FFF , 1890px 599px #FFF , 1816px 799px #FFF , 99px 1777px #FFF , 1594px 1789px #FFF , 1477px 116px #FFF , 1539px 1688px #FFF , 1459px 406px #FFF , 1055px 591px #FFF , 1660px 47px #FFF , 1790px 354px #FFF , 132px 514px #FFF , 270px 1479px #FFF , 1997px 376px #FFF , 34px 1057px #FFF , 159px 1029px #FFF , 910px 1425px #FFF , 1810px 824px #FFF , 1892px 1375px #FFF , 718px 230px #FFF , 1716px 1820px #FFF , 976px 1093px #FFF , 1328px 1373px #FFF , 1754px 1213px #FFF , 1457px 1797px #FFF , 104px 82px #FFF , 84px 103px #FFF , 83px 26px #FFF , 1033px 777px #FFF , 23px 386px #FFF , 340px 1277px #FFF , 79px 1126px #FFF , 899px 375px #FFF , 1901px 330px #FFF , 1358px 1621px #FFF , 1268px 1974px #FFF , 854px 1636px #FFF , 206px 477px #FFF , 761px 272px #FFF , 1932px 1660px #FFF , 1325px 1609px #FFF , 940px 628px #FFF , 1705px 1445px #FFF , 160px 987px #FFF , 718px 1391px #FFF , 1393px 610px #FFF , 1684px 1469px #FFF , 660px 842px #FFF , 674px 735px #FFF , 693px 319px #FFF , 1304px 1875px #FFF , 148px 1073px #FFF , 1332px 299px #FFF , 418px 650px #FFF , 934px 5px #FFF , 1415px 1883px #FFF , 1660px 953px #FFF , 1646px 474px #FFF , 1250px 362px #FFF , 821px 1116px #FFF , 92px 1434px #FFF , 134px 364px #FFF , 1925px 890px #FFF , 772px 1940px #FFF , 1768px 1644px #FFF , 1863px 1835px #FFF , 754px 1126px #FFF , 1949px 1813px #FFF , 353px 613px #FFF , 895px 636px #FFF , 830px 497px #FFF , 1194px 429px #FFF , 317px 496px #FFF , 130px 222px #FFF , 1287px 1311px #FFF , 301px 882px #FFF , 410px 486px #FFF , 1146px 254px #FFF , 1296px 1771px #FFF , 1250px 1358px #FFF , 959px 273px #FFF , 1913px 1410px #FFF , 1854px 718px #FFF , 872px 1159px #FFF , 448px 927px #FFF , 540px 643px #FFF , 420px 1338px #FFF , 119px 1522px #FFF , 393px 17px #FFF , 722px 623px #FFF , 1165px 1742px #FFF , 1922px 355px #FFF , 658px 534px #FFF , 1272px 813px #FFF , 1696px 1420px #FFF , 1555px 1624px #FFF , 301px 1644px #FFF , 57px 1840px #FFF , 1242px 490px #FFF , 1376px 596px #FFF , 1326px 1177px #FFF , 810px 607px #FFF , 1068px 1068px #FFF , 142px 904px #FFF , 1485px 1987px #FFF , 596px 1106px #FFF , 475px 1387px #FFF , 1030px 1726px #FFF , 798px 1835px #FFF , 1064px 562px #FFF , 446px 91px #FFF , 450px 202px #FFF , 1303px 1795px #FFF , 153px 1675px #FFF , 1540px 1743px #FFF , 192px 1834px #FFF , 652px 572px #FFF , 1822px 654px #FFF , 257px 1640px #FFF , 460px 1971px #FFF , 1141px 1511px #FFF , 952px 1198px #FFF , 1916px 1299px #FFF , 562px 456px #FFF , 1119px 1332px #FFF , 798px 523px #FFF , 331px 222px #FFF , 1373px 172px #FFF , 1995px 74px #FFF , 1254px 593px #FFF , 671px 1452px #FFF , 583px 597px #FFF , 309px 1122px #FFF , 61px 370px #FFF , 851px 1149px #FFF , 104px 465px #FFF , 1427px 1955px #FFF , 1700px 774px #FFF , 674px 835px #FFF , 1819px 1534px #FFF , 158px 333px #FFF , 1199px 138px #FFF , 1468px 1179px #FFF , 1119px 1276px #FFF , 658px 1859px #FFF , 354px 777px #FFF , 1396px 653px #FFF , 981px 1889px #FFF , 473px 1722px #FFF , 1021px 1715px #FFF , 744px 558px #FFF , 283px 479px #FFF , 556px 298px #FFF , 313px 843px #FFF , 783px 1336px #FFF , 550px 948px #FFF , 262px 868px #FFF , 1379px 342px #FFF , 123px 1968px #FFF , 527px 800px #FFF , 32px 440px #FFF , 382px 1484px #FFF , 1402px 1335px #FFF , 1939px 1140px #FFF , 1978px 125px #FFF , 1412px 1918px #FFF , 1466px 1970px #FFF , 1416px 1093px #FFF , 322px 779px #FFF , 1731px 459px #FFF , 409px 1076px #FFF , 704px 1999px #FFF , 1233px 155px #FFF , 1048px 766px #FFF , 1498px 1309px #FFF , 1801px 1750px #FFF , 1546px 888px #FFF , 152px 1014px #FFF , 203px 174px #FFF , 1717px 972px #FFF , 1209px 1819px #FFF , 877px 1113px #FFF , 1622px 255px #FFF , 1830px 525px #FFF , 140px 1690px #FFF , 1802px 1505px #FFF , 1616px 267px #FFF , 762px 744px #FFF , 837px 1534px #FFF , 1179px 85px #FFF , 262px 1133px #FFF , 1562px 1068px #FFF , 404px 1799px #FFF , 949px 1049px #FFF , 1412px 793px #FFF , 239px 649px #FFF , 11px 1758px #FFF , 208px 1625px #FFF , 1877px 634px #FFF , 568px 1243px #FFF , 171px 1808px #FFF , 478px 589px #FFF , 1181px 1220px #FFF , 69px 1872px #FFF , 1602px 1331px #FFF , 1787px 1478px #FFF , 1901px 358px #FFF , 893px 1204px #FFF , 1691px 1276px #FFF , 71px 517px #FFF , 1641px 1737px #FFF , 1829px 360px #FFF , 194px 935px #FFF , 412px 860px #FFF , 1196px 444px #FFF , 1713px 1476px #FFF , 1047px 1684px #FFF , 1363px 650px #FFF , 1830px 695px #FFF , 214px 1870px #FFF , 1453px 1871px #FFF , 1627px 142px #FFF , 513px 1295px #FFF , 1838px 70px #FFF , 70px 986px #FFF , 1039px 833px #FFF , 1889px 1985px #FFF , 1377px 287px #FFF , 8px 1092px #FFF , 1703px 1337px #FFF , 1694px 646px #FFF , 701px 1648px #FFF , 451px 1026px #FFF , 113px 944px #FFF , 1838px 495px #FFF , 1458px 1528px #FFF , 9px 80px #FFF , 1788px 1353px #FFF , 440px 167px #FFF , 228px 829px #FFF , 293px 1379px #FFF , 1861px 1417px #FFF , 1496px 437px #FFF , 328px 1211px #FFF , 1274px 298px #FFF , 1262px 1443px #FFF , 371px 284px #FFF , 1542px 689px #FFF , 740px 1560px #FFF , 1585px 1924px #FFF , 654px 1692px #FFF , 294px 159px #FFF , 842px 1035px #FFF , 1413px 10px #FFF , 1249px 785px #FFF , 1484px 345px #FFF , 1761px 1905px #FFF , 1225px 28px #FFF , 1268px 589px #FFF , 956px 18px #FFF , 1983px 1417px #FFF , 1638px 1240px #FFF , 638px 1034px #FFF , 487px 1000px #FFF , 1174px 1116px #FFF , 1908px 1706px #FFF , 247px 1028px #FFF , 1523px 935px #FFF , 1340px 1173px #FFF , 869px 660px #FFF , 665px 592px #FFF , 99px 1513px #FFF , 896px 1579px #FFF , 201px 631px #FFF , 1955px 1519px #FFF , 412px 195px #FFF , 577px 890px #FFF , 577px 1550px #FFF , 111px 1466px #FFF , 1142px 1780px #FFF , 1988px 960px #FFF , 1054px 1189px #FFF , 225px 688px #FFF , 290px 506px #FFF , 211px 1845px #FFF , 289px 1333px #FFF , 279px 773px #FFF , 1288px 1745px #FFF , 648px 1371px #FFF , 1522px 546px #FFF , 444px 953px #FFF , 204px 902px #FFF , 1046px 1994px #FFF , 1722px 439px #FFF , 1125px 736px #FFF , 1642px 1681px #FFF , 955px 1414px #FFF , 900px 1487px #FFF , 61px 805px #FFF , 340px 1197px #FFF , 1585px 901px #FFF , 589px 413px #FFF , 995px 1573px #FFF , 1301px 1553px #FFF , 135px 767px #FFF , 481px 260px #FFF , 1360px 171px #FFF , 557px 268px #FFF , 1356px 1327px #FFF , 1093px 1669px #FFF , 619px 1742px #FFF , 1883px 762px #FFF , 38px 300px #FFF , 1315px 1063px #FFF , 627px 1847px #FFF , 391px 602px #FFF , 151px 480px #FFF , 558px 136px #FFF , 1457px 852px #FFF , 878px 284px #FFF , 1184px 1463px #FFF , 1540px 254px #FFF , 1943px 502px #FFF , 269px 1499px #FFF , 98px 1072px #FFF , 888px 57px #FFF , 1131px 742px #FFF , 1084px 797px #FFF , 1597px 787px #FFF , 712px 1164px #FFF , 1608px 47px #FFF , 79px 836px #FFF , 1697px 1818px #FFF , 1754px 245px #FFF , 374px 847px #FFF , 1843px 1152px #FFF , 573px 1475px #FFF , 1424px 917px #FFF , 1435px 1737px #FFF , 1960px 491px #FFF , 1776px 142px #FFF , 1856px 1938px #FFF , 595px 644px #FFF , 1412px 1991px #FFF , 1016px 1581px #FFF , 1804px 378px #FFF , 197px 1707px #FFF , 1389px 1215px #FFF , 68px 1279px #FFF , 1909px 1205px #FFF , 754px 1941px #FFF , 749px 879px #FFF , 572px 682px #FFF , 1127px 1705px #FFF , 1687px 977px #FFF , 1989px 1529px #FFF , 586px 1324px #FFF , 497px 151px #FFF , 1843px 1135px #FFF , 1438px 826px #FFF , 1899px 750px #FFF , 1809px 139px #FFF , 1785px 1321px #FFF , 960px 1953px #FFF , 1206px 1982px #FFF , 1355px 573px #FFF , 878px 34px #FFF , 1492px 761px #FFF , 1506px 1626px #FFF , 889px 393px #FFF , 535px 539px #FFF , 1920px 1188px #FFF , 466px 155px #FFF , 1742px 158px #FFF , 761px 1749px #FFF , 1571px 47px #FFF , 739px 1461px #FFF , 1049px 572px #FFF , 324px 1442px #FFF , 581px 891px #FFF , 63px 501px #FFF , 513px 1315px #FFF , 1995px 1590px #FFF , 1599px 280px #FFF , 1634px 1492px #FFF , 1736px 79px #FFF , 1283px 289px #FFF , 1112px 309px #FFF , 970px 478px #FFF , 168px 803px #FFF , 538px 1537px #FFF , 1889px 391px #FFF , 1167px 305px #FFF , 197px 580px #FFF , 923px 51px #FFF , 1082px 1208px #FFF , 868px 1896px #FFF , 279px 221px #FFF , 24px 389px #FFF , 106px 99px #FFF , 878px 869px #FFF , 136px 239px #FFF , 1665px 1704px #FFF , 600px 447px #FFF , 725px 378px #FFF , 1451px 760px #FFF , 742px 108px #FFF , 1817px 271px #FFF , 406px 779px #FFF , 423px 1648px #FFF , 1653px 1602px #FFF , 231px 920px #FFF , 1590px 1351px #FFF , 892px 1310px #FFF , 1936px 1521px #FFF , 1801px 102px #FFF , 861px 1215px #FFF , 676px 1131px #FFF , 1375px 407px #FFF , 1314px 531px #FFF , 1843px 813px #FFF , 1482px 1791px #FFF , 935px 1173px #FFF , 861px 1860px #FFF , 1431px 1845px #FFF , 298px 1434px #FFF , 171px 153px #FFF , 1695px 347px #FFF , 371px 1536px #FFF , 443px 652px #FFF , 948px 1611px #FFF , 654px 216px #FFF , 649px 161px #FFF , 8px 790px #FFF , 1347px 1498px #FFF , 402px 1677px #FFF , 1629px 1066px #FFF , 446px 763px #FFF , 1989px 755px #FFF , 550px 302px #FFF , 530px 274px #FFF , 1220px 822px #FFF , 850px 477px #FFF , 228px 563px #FFF , 1933px 17px #FFF , 103px 684px #FFF , 1498px 537px #FFF , 650px 1646px #FFF , 1774px 856px #FFF , 1750px 27px #FFF , 181px 1902px #FFF , 620px 366px #FFF , 1071px 1279px #FFF , 1733px 1218px #FFF , 1868px 1685px #FFF , 1542px 1409px #FFF , 1131px 494px #FFF , 1366px 1634px #FFF , 1561px 119px #FFF , 972px 1386px #FFF , 1816px 605px #FFF , 797px 1060px #FFF , 765px 1564px #FFF , 1383px 1446px #FFF , 1683px 1776px #FFF , 76px 1697px #FFF , 761px 1616px #FFF , 762px 442px #FFF , 892px 856px #FFF , 1829px 1955px #FFF , 782px 665px #FFF , 1014px 974px #FFF , 1432px 1228px #FFF , 132px 854px #FFF , 743px 61px #FFF , 1064px 192px #FFF , 351px 1152px #FFF , 1904px 304px #FFF , 1775px 1386px #FFF , 529px 1694px #FFF , 1967px 964px #FFF , 551px 1447px #FFF , 1602px 78px #FFF , 881px 164px #FFF , 497px 1408px #FFF , 69px 1352px #FFF , 1950px 1408px #FFF , 1777px 410px #FFF , 1067px 490px #FFF , 1694px 531px #FFF , 1651px 347px #FFF , 102px 1429px #FFF , 734px 531px #FFF , 1693px 1056px #FFF , 1582px 1439px #FFF , 751px 1197px #FFF , 667px 1494px #FFF , 1037px 13px #FFF , 1102px 195px #FFF , 1719px 1829px #FFF , 804px 1818px #FFF , 455px 1904px #FFF , 488px 1106px #FFF , 1503px 575px #FFF , 663px 1713px #FFF , 1007px 1712px #FFF , 978px 217px #FFF , 282px 208px #FFF , 144px 406px #FFF , 1644px 975px #FFF , 742px 511px #FFF , 1517px 426px #FFF , 932px 1174px #FFF , 1358px 390px #FFF , 1879px 1978px #FFF , 1493px 1287px #FFF , 1973px 4px #FFF , 1490px 94px #FFF , 1817px 279px #FFF , 912px 842px #FFF , 1635px 1929px #FFF , 1883px 1926px #FFF , 890px 881px #FFF , 728px 1712px #FFF , 1579px 1314px #FFF , 1822px 1153px #FFF , 1303px 1122px #FFF , 444px 1147px #FFF , 612px 1774px #FFF , 192px 76px #FFF , 998px 1125px #FFF , 1765px 383px #FFF , 1150px 297px #FFF , 1242px 242px #FFF , 1605px 1709px #FFF , 491px 35px #FFF , 452px 834px #FFF , 1027px 1894px #FFF , 1192px 890px #FFF , 252px 1842px #FFF , 1844px 142px #FFF , 303px 703px #FFF , 1117px 735px #FFF , 1779px 1934px #FFF , 743px 1671px #FFF , 633px 1331px #FFF , 551px 499px #FFF , 1853px 1387px #FFF , 1987px 824px #FFF , 1134px 598px #FFF , 987px 459px #FFF , 1217px 431px #FFF , 1101px 1161px #FFF , 263px 110px #FFF , 26px 725px #FFF , 716px 597px #FFF , 1186px 406px #FFF , 1156px 74px #FFF , 1998px 1616px #FFF , 1918px 366px #FFF , 757px 883px #FFF , 1508px 1343px #FFF , 444px 964px #FFF , 816px 1576px #FFF , 1706px 258px #FFF , 1811px 7px #FFF , 832px 1727px #FFF , 54px 830px #FFF , 483px 1085px #FFF , 253px 629px #FFF , 999px 1338px #FFF , 539px 137px #FFF;
  animation: animStar 50s linear infinite;
}
.stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 523px 1582px #FFF , 1516px 1251px #FFF , 1179px 1224px #FFF , 1766px 544px #FFF , 1938px 839px #FFF , 593px 1177px #FFF , 1870px 1138px #FFF , 1755px 1592px #FFF , 814px 391px #FFF , 1891px 712px #FFF , 1707px 257px #FFF , 1807px 978px #FFF , 373px 1813px #FFF , 1313px 1176px #FFF , 763px 1716px #FFF , 1954px 1075px #FFF , 796px 16px #FFF , 344px 336px #FFF , 533px 47px #FFF , 1852px 888px #FFF , 1717px 1420px #FFF , 264px 131px #FFF , 953px 1881px #FFF , 1750px 551px #FFF , 1993px 373px #FFF , 1237px 1020px #FFF , 745px 1937px #FFF , 400px 170px #FFF , 1476px 1709px #FFF , 637px 867px #FFF , 502px 251px #FFF , 791px 1515px #FFF , 427px 1585px #FFF , 353px 171px #FFF , 462px 1967px #FFF , 763px 1134px #FFF , 1994px 183px #FFF , 539px 1880px #FFF , 782px 1039px #FFF , 1884px 1231px #FFF , 369px 1094px #FFF , 122px 461px #FFF , 1918px 1542px #FFF , 1418px 133px #FFF , 1167px 1783px #FFF , 1468px 1442px #FFF , 1682px 277px #FFF , 1459px 1556px #FFF , 968px 1924px #FFF , 16px 531px #FFF , 1974px 1762px #FFF , 14px 202px #FFF , 440px 711px #FFF , 386px 1961px #FFF , 794px 1314px #FFF , 1133px 1498px #FFF , 466px 738px #FFF , 177px 28px #FFF , 1380px 20px #FFF , 817px 812px #FFF , 991px 1003px #FFF , 584px 345px #FFF , 1283px 1116px #FFF , 1272px 1759px #FFF , 1638px 1032px #FFF , 553px 1084px #FFF , 1789px 602px #FFF , 518px 796px #FFF , 1505px 131px #FFF , 451px 1788px #FFF , 1516px 1424px #FFF , 620px 1919px #FFF , 820px 1432px #FFF , 956px 448px #FFF , 527px 1140px #FFF , 613px 810px #FFF , 1085px 1526px #FFF , 277px 1155px #FFF , 1145px 690px #FFF , 736px 50px #FFF , 1121px 80px #FFF , 1319px 973px #FFF , 1067px 173px #FFF , 133px 1379px #FFF , 446px 1620px #FFF , 945px 205px #FFF , 858px 1684px #FFF , 1128px 912px #FFF , 1024px 1691px #FFF , 596px 656px #FFF , 823px 78px #FFF , 1529px 299px #FFF , 1453px 460px #FFF , 182px 455px #FFF , 1336px 1460px #FFF , 1477px 1269px #FFF , 1854px 170px #FFF , 1197px 261px #FFF , 1506px 168px #FFF , 268px 142px #FFF , 124px 389px #FFF , 1393px 240px #FFF , 1141px 1819px #FFF , 1470px 542px #FFF , 1670px 1370px #FFF , 576px 1195px #FFF , 1590px 1557px #FFF , 38px 419px #FFF , 1411px 1242px #FFF , 794px 1207px #FFF , 1049px 632px #FFF , 484px 1514px #FFF , 831px 1142px #FFF , 560px 1145px #FFF , 221px 1106px #FFF , 1970px 1817px #FFF , 947px 652px #FFF , 1100px 1109px #FFF , 1457px 288px #FFF , 208px 888px #FFF , 1184px 338px #FFF , 729px 819px #FFF , 1640px 1287px #FFF , 201px 556px #FFF , 850px 644px #FFF , 1835px 89px #FFF , 1784px 261px #FFF , 1874px 1067px #FFF , 1861px 222px #FFF , 1890px 599px #FFF , 1816px 799px #FFF , 99px 1777px #FFF , 1594px 1789px #FFF , 1477px 116px #FFF , 1539px 1688px #FFF , 1459px 406px #FFF , 1055px 591px #FFF , 1660px 47px #FFF , 1790px 354px #FFF , 132px 514px #FFF , 270px 1479px #FFF , 1997px 376px #FFF , 34px 1057px #FFF , 159px 1029px #FFF , 910px 1425px #FFF , 1810px 824px #FFF , 1892px 1375px #FFF , 718px 230px #FFF , 1716px 1820px #FFF , 976px 1093px #FFF , 1328px 1373px #FFF , 1754px 1213px #FFF , 1457px 1797px #FFF , 104px 82px #FFF , 84px 103px #FFF , 83px 26px #FFF , 1033px 777px #FFF , 23px 386px #FFF , 340px 1277px #FFF , 79px 1126px #FFF , 899px 375px #FFF , 1901px 330px #FFF , 1358px 1621px #FFF , 1268px 1974px #FFF , 854px 1636px #FFF , 206px 477px #FFF , 761px 272px #FFF , 1932px 1660px #FFF , 1325px 1609px #FFF , 940px 628px #FFF , 1705px 1445px #FFF , 160px 987px #FFF , 718px 1391px #FFF , 1393px 610px #FFF , 1684px 1469px #FFF , 660px 842px #FFF , 674px 735px #FFF , 693px 319px #FFF , 1304px 1875px #FFF , 148px 1073px #FFF , 1332px 299px #FFF , 418px 650px #FFF , 934px 5px #FFF , 1415px 1883px #FFF , 1660px 953px #FFF , 1646px 474px #FFF , 1250px 362px #FFF , 821px 1116px #FFF , 92px 1434px #FFF , 134px 364px #FFF , 1925px 890px #FFF , 772px 1940px #FFF , 1768px 1644px #FFF , 1863px 1835px #FFF , 754px 1126px #FFF , 1949px 1813px #FFF , 353px 613px #FFF , 895px 636px #FFF , 830px 497px #FFF , 1194px 429px #FFF , 317px 496px #FFF , 130px 222px #FFF , 1287px 1311px #FFF , 301px 882px #FFF , 410px 486px #FFF , 1146px 254px #FFF , 1296px 1771px #FFF , 1250px 1358px #FFF , 959px 273px #FFF , 1913px 1410px #FFF , 1854px 718px #FFF , 872px 1159px #FFF , 448px 927px #FFF , 540px 643px #FFF , 420px 1338px #FFF , 119px 1522px #FFF , 393px 17px #FFF , 722px 623px #FFF , 1165px 1742px #FFF , 1922px 355px #FFF , 658px 534px #FFF , 1272px 813px #FFF , 1696px 1420px #FFF , 1555px 1624px #FFF , 301px 1644px #FFF , 57px 1840px #FFF , 1242px 490px #FFF , 1376px 596px #FFF , 1326px 1177px #FFF , 810px 607px #FFF , 1068px 1068px #FFF , 142px 904px #FFF , 1485px 1987px #FFF , 596px 1106px #FFF , 475px 1387px #FFF , 1030px 1726px #FFF , 798px 1835px #FFF , 1064px 562px #FFF , 446px 91px #FFF , 450px 202px #FFF , 1303px 1795px #FFF , 153px 1675px #FFF , 1540px 1743px #FFF , 192px 1834px #FFF , 652px 572px #FFF , 1822px 654px #FFF , 257px 1640px #FFF , 460px 1971px #FFF , 1141px 1511px #FFF , 952px 1198px #FFF , 1916px 1299px #FFF , 562px 456px #FFF , 1119px 1332px #FFF , 798px 523px #FFF , 331px 222px #FFF , 1373px 172px #FFF , 1995px 74px #FFF , 1254px 593px #FFF , 671px 1452px #FFF , 583px 597px #FFF , 309px 1122px #FFF , 61px 370px #FFF , 851px 1149px #FFF , 104px 465px #FFF , 1427px 1955px #FFF , 1700px 774px #FFF , 674px 835px #FFF , 1819px 1534px #FFF , 158px 333px #FFF , 1199px 138px #FFF , 1468px 1179px #FFF , 1119px 1276px #FFF , 658px 1859px #FFF , 354px 777px #FFF , 1396px 653px #FFF , 981px 1889px #FFF , 473px 1722px #FFF , 1021px 1715px #FFF , 744px 558px #FFF , 283px 479px #FFF , 556px 298px #FFF , 313px 843px #FFF , 783px 1336px #FFF , 550px 948px #FFF , 262px 868px #FFF , 1379px 342px #FFF , 123px 1968px #FFF , 527px 800px #FFF , 32px 440px #FFF , 382px 1484px #FFF , 1402px 1335px #FFF , 1939px 1140px #FFF , 1978px 125px #FFF , 1412px 1918px #FFF , 1466px 1970px #FFF , 1416px 1093px #FFF , 322px 779px #FFF , 1731px 459px #FFF , 409px 1076px #FFF , 704px 1999px #FFF , 1233px 155px #FFF , 1048px 766px #FFF , 1498px 1309px #FFF , 1801px 1750px #FFF , 1546px 888px #FFF , 152px 1014px #FFF , 203px 174px #FFF , 1717px 972px #FFF , 1209px 1819px #FFF , 877px 1113px #FFF , 1622px 255px #FFF , 1830px 525px #FFF , 140px 1690px #FFF , 1802px 1505px #FFF , 1616px 267px #FFF , 762px 744px #FFF , 837px 1534px #FFF , 1179px 85px #FFF , 262px 1133px #FFF , 1562px 1068px #FFF , 404px 1799px #FFF , 949px 1049px #FFF , 1412px 793px #FFF , 239px 649px #FFF , 11px 1758px #FFF , 208px 1625px #FFF , 1877px 634px #FFF , 568px 1243px #FFF , 171px 1808px #FFF , 478px 589px #FFF , 1181px 1220px #FFF , 69px 1872px #FFF , 1602px 1331px #FFF , 1787px 1478px #FFF , 1901px 358px #FFF , 893px 1204px #FFF , 1691px 1276px #FFF , 71px 517px #FFF , 1641px 1737px #FFF , 1829px 360px #FFF , 194px 935px #FFF , 412px 860px #FFF , 1196px 444px #FFF , 1713px 1476px #FFF , 1047px 1684px #FFF , 1363px 650px #FFF , 1830px 695px #FFF , 214px 1870px #FFF , 1453px 1871px #FFF , 1627px 142px #FFF , 513px 1295px #FFF , 1838px 70px #FFF , 70px 986px #FFF , 1039px 833px #FFF , 1889px 1985px #FFF , 1377px 287px #FFF , 8px 1092px #FFF , 1703px 1337px #FFF , 1694px 646px #FFF , 701px 1648px #FFF , 451px 1026px #FFF , 113px 944px #FFF , 1838px 495px #FFF , 1458px 1528px #FFF , 9px 80px #FFF , 1788px 1353px #FFF , 440px 167px #FFF , 228px 829px #FFF , 293px 1379px #FFF , 1861px 1417px #FFF , 1496px 437px #FFF , 328px 1211px #FFF , 1274px 298px #FFF , 1262px 1443px #FFF , 371px 284px #FFF , 1542px 689px #FFF , 740px 1560px #FFF , 1585px 1924px #FFF , 654px 1692px #FFF , 294px 159px #FFF , 842px 1035px #FFF , 1413px 10px #FFF , 1249px 785px #FFF , 1484px 345px #FFF , 1761px 1905px #FFF , 1225px 28px #FFF , 1268px 589px #FFF , 956px 18px #FFF , 1983px 1417px #FFF , 1638px 1240px #FFF , 638px 1034px #FFF , 487px 1000px #FFF , 1174px 1116px #FFF , 1908px 1706px #FFF , 247px 1028px #FFF , 1523px 935px #FFF , 1340px 1173px #FFF , 869px 660px #FFF , 665px 592px #FFF , 99px 1513px #FFF , 896px 1579px #FFF , 201px 631px #FFF , 1955px 1519px #FFF , 412px 195px #FFF , 577px 890px #FFF , 577px 1550px #FFF , 111px 1466px #FFF , 1142px 1780px #FFF , 1988px 960px #FFF , 1054px 1189px #FFF , 225px 688px #FFF , 290px 506px #FFF , 211px 1845px #FFF , 289px 1333px #FFF , 279px 773px #FFF , 1288px 1745px #FFF , 648px 1371px #FFF , 1522px 546px #FFF , 444px 953px #FFF , 204px 902px #FFF , 1046px 1994px #FFF , 1722px 439px #FFF , 1125px 736px #FFF , 1642px 1681px #FFF , 955px 1414px #FFF , 900px 1487px #FFF , 61px 805px #FFF , 340px 1197px #FFF , 1585px 901px #FFF , 589px 413px #FFF , 995px 1573px #FFF , 1301px 1553px #FFF , 135px 767px #FFF , 481px 260px #FFF , 1360px 171px #FFF , 557px 268px #FFF , 1356px 1327px #FFF , 1093px 1669px #FFF , 619px 1742px #FFF , 1883px 762px #FFF , 38px 300px #FFF , 1315px 1063px #FFF , 627px 1847px #FFF , 391px 602px #FFF , 151px 480px #FFF , 558px 136px #FFF , 1457px 852px #FFF , 878px 284px #FFF , 1184px 1463px #FFF , 1540px 254px #FFF , 1943px 502px #FFF , 269px 1499px #FFF , 98px 1072px #FFF , 888px 57px #FFF , 1131px 742px #FFF , 1084px 797px #FFF , 1597px 787px #FFF , 712px 1164px #FFF , 1608px 47px #FFF , 79px 836px #FFF , 1697px 1818px #FFF , 1754px 245px #FFF , 374px 847px #FFF , 1843px 1152px #FFF , 573px 1475px #FFF , 1424px 917px #FFF , 1435px 1737px #FFF , 1960px 491px #FFF , 1776px 142px #FFF , 1856px 1938px #FFF , 595px 644px #FFF , 1412px 1991px #FFF , 1016px 1581px #FFF , 1804px 378px #FFF , 197px 1707px #FFF , 1389px 1215px #FFF , 68px 1279px #FFF , 1909px 1205px #FFF , 754px 1941px #FFF , 749px 879px #FFF , 572px 682px #FFF , 1127px 1705px #FFF , 1687px 977px #FFF , 1989px 1529px #FFF , 586px 1324px #FFF , 497px 151px #FFF , 1843px 1135px #FFF , 1438px 826px #FFF , 1899px 750px #FFF , 1809px 139px #FFF , 1785px 1321px #FFF , 960px 1953px #FFF , 1206px 1982px #FFF , 1355px 573px #FFF , 878px 34px #FFF , 1492px 761px #FFF , 1506px 1626px #FFF , 889px 393px #FFF , 535px 539px #FFF , 1920px 1188px #FFF , 466px 155px #FFF , 1742px 158px #FFF , 761px 1749px #FFF , 1571px 47px #FFF , 739px 1461px #FFF , 1049px 572px #FFF , 324px 1442px #FFF , 581px 891px #FFF , 63px 501px #FFF , 513px 1315px #FFF , 1995px 1590px #FFF , 1599px 280px #FFF , 1634px 1492px #FFF , 1736px 79px #FFF , 1283px 289px #FFF , 1112px 309px #FFF , 970px 478px #FFF , 168px 803px #FFF , 538px 1537px #FFF , 1889px 391px #FFF , 1167px 305px #FFF , 197px 580px #FFF , 923px 51px #FFF , 1082px 1208px #FFF , 868px 1896px #FFF , 279px 221px #FFF , 24px 389px #FFF , 106px 99px #FFF , 878px 869px #FFF , 136px 239px #FFF , 1665px 1704px #FFF , 600px 447px #FFF , 725px 378px #FFF , 1451px 760px #FFF , 742px 108px #FFF , 1817px 271px #FFF , 406px 779px #FFF , 423px 1648px #FFF , 1653px 1602px #FFF , 231px 920px #FFF , 1590px 1351px #FFF , 892px 1310px #FFF , 1936px 1521px #FFF , 1801px 102px #FFF , 861px 1215px #FFF , 676px 1131px #FFF , 1375px 407px #FFF , 1314px 531px #FFF , 1843px 813px #FFF , 1482px 1791px #FFF , 935px 1173px #FFF , 861px 1860px #FFF , 1431px 1845px #FFF , 298px 1434px #FFF , 171px 153px #FFF , 1695px 347px #FFF , 371px 1536px #FFF , 443px 652px #FFF , 948px 1611px #FFF , 654px 216px #FFF , 649px 161px #FFF , 8px 790px #FFF , 1347px 1498px #FFF , 402px 1677px #FFF , 1629px 1066px #FFF , 446px 763px #FFF , 1989px 755px #FFF , 550px 302px #FFF , 530px 274px #FFF , 1220px 822px #FFF , 850px 477px #FFF , 228px 563px #FFF , 1933px 17px #FFF , 103px 684px #FFF , 1498px 537px #FFF , 650px 1646px #FFF , 1774px 856px #FFF , 1750px 27px #FFF , 181px 1902px #FFF , 620px 366px #FFF , 1071px 1279px #FFF , 1733px 1218px #FFF , 1868px 1685px #FFF , 1542px 1409px #FFF , 1131px 494px #FFF , 1366px 1634px #FFF , 1561px 119px #FFF , 972px 1386px #FFF , 1816px 605px #FFF , 797px 1060px #FFF , 765px 1564px #FFF , 1383px 1446px #FFF , 1683px 1776px #FFF , 76px 1697px #FFF , 761px 1616px #FFF , 762px 442px #FFF , 892px 856px #FFF , 1829px 1955px #FFF , 782px 665px #FFF , 1014px 974px #FFF , 1432px 1228px #FFF , 132px 854px #FFF , 743px 61px #FFF , 1064px 192px #FFF , 351px 1152px #FFF , 1904px 304px #FFF , 1775px 1386px #FFF , 529px 1694px #FFF , 1967px 964px #FFF , 551px 1447px #FFF , 1602px 78px #FFF , 881px 164px #FFF , 497px 1408px #FFF , 69px 1352px #FFF , 1950px 1408px #FFF , 1777px 410px #FFF , 1067px 490px #FFF , 1694px 531px #FFF , 1651px 347px #FFF , 102px 1429px #FFF , 734px 531px #FFF , 1693px 1056px #FFF , 1582px 1439px #FFF , 751px 1197px #FFF , 667px 1494px #FFF , 1037px 13px #FFF , 1102px 195px #FFF , 1719px 1829px #FFF , 804px 1818px #FFF , 455px 1904px #FFF , 488px 1106px #FFF , 1503px 575px #FFF , 663px 1713px #FFF , 1007px 1712px #FFF , 978px 217px #FFF , 282px 208px #FFF , 144px 406px #FFF , 1644px 975px #FFF , 742px 511px #FFF , 1517px 426px #FFF , 932px 1174px #FFF , 1358px 390px #FFF , 1879px 1978px #FFF , 1493px 1287px #FFF , 1973px 4px #FFF , 1490px 94px #FFF , 1817px 279px #FFF , 912px 842px #FFF , 1635px 1929px #FFF , 1883px 1926px #FFF , 890px 881px #FFF , 728px 1712px #FFF , 1579px 1314px #FFF , 1822px 1153px #FFF , 1303px 1122px #FFF , 444px 1147px #FFF , 612px 1774px #FFF , 192px 76px #FFF , 998px 1125px #FFF , 1765px 383px #FFF , 1150px 297px #FFF , 1242px 242px #FFF , 1605px 1709px #FFF , 491px 35px #FFF , 452px 834px #FFF , 1027px 1894px #FFF , 1192px 890px #FFF , 252px 1842px #FFF , 1844px 142px #FFF , 303px 703px #FFF , 1117px 735px #FFF , 1779px 1934px #FFF , 743px 1671px #FFF , 633px 1331px #FFF , 551px 499px #FFF , 1853px 1387px #FFF , 1987px 824px #FFF , 1134px 598px #FFF , 987px 459px #FFF , 1217px 431px #FFF , 1101px 1161px #FFF , 263px 110px #FFF , 26px 725px #FFF , 716px 597px #FFF , 1186px 406px #FFF , 1156px 74px #FFF , 1998px 1616px #FFF , 1918px 366px #FFF , 757px 883px #FFF , 1508px 1343px #FFF , 444px 964px #FFF , 816px 1576px #FFF , 1706px 258px #FFF , 1811px 7px #FFF , 832px 1727px #FFF , 54px 830px #FFF , 483px 1085px #FFF , 253px 629px #FFF , 999px 1338px #FFF , 539px 137px #FFF;
}

.stars2 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1072px 1009px #FFF , 1518px 1866px #FFF , 869px 1770px #FFF , 1401px 476px #FFF , 14px 1376px #FFF , 858px 1259px #FFF , 1756px 1025px #FFF , 1769px 178px #FFF , 713px 486px #FFF , 1030px 599px #FFF , 1196px 208px #FFF , 1930px 725px #FFF , 338px 1552px #FFF , 140px 208px #FFF , 423px 252px #FFF , 432px 1408px #FFF , 1899px 109px #FFF , 1294px 1070px #FFF , 1013px 226px #FFF , 1312px 569px #FFF , 1554px 925px #FFF , 1648px 884px #FFF , 778px 1504px #FFF , 1320px 1374px #FFF , 568px 892px #FFF , 65px 1789px #FFF , 1272px 1261px #FFF , 574px 633px #FFF , 1263px 973px #FFF , 1562px 642px #FFF , 1245px 1277px #FFF , 839px 1472px #FFF , 220px 2px #FFF , 1636px 1397px #FFF , 1898px 752px #FFF , 1304px 1706px #FFF , 1931px 360px #FFF , 127px 134px #FFF , 1037px 690px #FFF , 831px 444px #FFF , 1048px 1853px #FFF , 854px 1299px #FFF , 1523px 582px #FFF , 1322px 1088px #FFF , 1024px 166px #FFF , 1047px 562px #FFF , 381px 733px #FFF , 1259px 1672px #FFF , 218px 917px #FFF , 901px 1475px #FFF , 677px 69px #FFF , 1254px 199px #FFF , 1838px 1237px #FFF , 309px 276px #FFF , 669px 425px #FFF , 1492px 1344px #FFF , 1607px 812px #FFF , 889px 1532px #FFF , 1882px 1040px #FFF , 312px 815px #FFF , 968px 965px #FFF , 1612px 297px #FFF , 377px 1780px #FFF , 837px 1782px #FFF , 1935px 141px #FFF , 409px 1317px #FFF , 1139px 772px #FFF , 321px 1684px #FFF , 1211px 422px #FFF , 1206px 240px #FFF , 1547px 1184px #FFF , 396px 1302px #FFF , 1517px 760px #FFF , 361px 1022px #FFF , 180px 1989px #FFF , 1966px 1280px #FFF , 1366px 1237px #FFF , 1703px 1788px #FFF , 1588px 124px #FFF , 420px 209px #FFF , 617px 385px #FFF , 888px 1579px #FFF , 1329px 1895px #FFF , 1267px 860px #FFF , 958px 1821px #FFF , 833px 1376px #FFF , 1129px 647px #FFF , 716px 1209px #FFF , 1997px 390px #FFF , 1951px 16px #FFF , 1986px 1345px #FFF , 538px 21px #FFF , 1100px 241px #FFF , 165px 1898px #FFF , 1326px 1138px #FFF , 635px 201px #FFF , 1111px 581px #FFF , 253px 505px #FFF , 727px 1050px #FFF , 1010px 781px #FFF , 1895px 458px #FFF , 975px 972px #FFF , 1213px 1353px #FFF , 1596px 78px #FFF , 1149px 156px #FFF , 1199px 256px #FFF , 348px 478px #FFF , 1794px 619px #FFF , 837px 180px #FFF , 901px 1010px #FFF , 488px 1906px #FFF , 1025px 719px #FFF , 1691px 90px #FFF , 1660px 386px #FFF , 1723px 1597px #FFF , 98px 825px #FFF , 623px 732px #FFF , 347px 1695px #FFF , 1986px 1463px #FFF , 1963px 1375px #FFF , 1608px 1618px #FFF , 221px 1555px #FFF , 491px 282px #FFF , 1491px 594px #FFF , 1009px 1030px #FFF , 1247px 1940px #FFF , 1021px 1654px #FFF , 1809px 1096px #FFF , 429px 301px #FFF , 267px 434px #FFF , 789px 1394px #FFF , 62px 1788px #FFF , 105px 1984px #FFF , 1721px 365px #FFF , 1783px 497px #FFF , 1478px 251px #FFF , 180px 292px #FFF , 1029px 646px #FFF , 1353px 1572px #FFF , 1144px 1834px #FFF , 1777px 790px #FFF , 947px 1340px #FFF , 1159px 1442px #FFF , 1648px 1344px #FFF , 1073px 1120px #FFF , 513px 1005px #FFF , 717px 55px #FFF , 1270px 1318px #FFF , 788px 1978px #FFF , 1969px 872px #FFF , 1867px 227px #FFF , 590px 194px #FFF , 1532px 1385px #FFF , 641px 677px #FFF , 979px 1415px #FFF , 977px 1312px #FFF , 1496px 584px #FFF , 1764px 534px #FFF , 126px 1110px #FFF , 937px 1335px #FFF , 1598px 715px #FFF , 1914px 1701px #FFF , 412px 368px #FFF , 139px 1180px #FFF , 1308px 1956px #FFF , 1150px 636px #FFF , 415px 1191px #FFF , 466px 1775px #FFF , 280px 581px #FFF , 1213px 1103px #FFF , 1398px 1271px #FFF , 1269px 387px #FFF , 1409px 1793px #FFF , 413px 1507px #FFF , 683px 782px #FFF , 1037px 808px #FFF , 325px 723px #FFF , 674px 1681px #FFF , 394px 129px #FFF , 1943px 1628px #FFF , 550px 1643px #FFF , 1336px 413px #FFF , 656px 1897px #FFF , 305px 1443px #FFF , 347px 779px #FFF , 861px 991px #FFF , 197px 1544px #FFF , 824px 630px #FFF , 1451px 774px #FFF , 1818px 1898px #FFF , 1145px 25px #FFF , 1250px 629px #FFF , 1139px 1289px #FFF , 585px 148px #FFF , 1837px 1254px #FFF , 769px 1836px #FFF , 970px 979px #FFF , 1268px 81px #FFF , 651px 1279px #FFF , 1499px 117px #FFF;
  animation: animStar 100s linear infinite;
}
.stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1072px 1009px #FFF , 1518px 1866px #FFF , 869px 1770px #FFF , 1401px 476px #FFF , 14px 1376px #FFF , 858px 1259px #FFF , 1756px 1025px #FFF , 1769px 178px #FFF , 713px 486px #FFF , 1030px 599px #FFF , 1196px 208px #FFF , 1930px 725px #FFF , 338px 1552px #FFF , 140px 208px #FFF , 423px 252px #FFF , 432px 1408px #FFF , 1899px 109px #FFF , 1294px 1070px #FFF , 1013px 226px #FFF , 1312px 569px #FFF , 1554px 925px #FFF , 1648px 884px #FFF , 778px 1504px #FFF , 1320px 1374px #FFF , 568px 892px #FFF , 65px 1789px #FFF , 1272px 1261px #FFF , 574px 633px #FFF , 1263px 973px #FFF , 1562px 642px #FFF , 1245px 1277px #FFF , 839px 1472px #FFF , 220px 2px #FFF , 1636px 1397px #FFF , 1898px 752px #FFF , 1304px 1706px #FFF , 1931px 360px #FFF , 127px 134px #FFF , 1037px 690px #FFF , 831px 444px #FFF , 1048px 1853px #FFF , 854px 1299px #FFF , 1523px 582px #FFF , 1322px 1088px #FFF , 1024px 166px #FFF , 1047px 562px #FFF , 381px 733px #FFF , 1259px 1672px #FFF , 218px 917px #FFF , 901px 1475px #FFF , 677px 69px #FFF , 1254px 199px #FFF , 1838px 1237px #FFF , 309px 276px #FFF , 669px 425px #FFF , 1492px 1344px #FFF , 1607px 812px #FFF , 889px 1532px #FFF , 1882px 1040px #FFF , 312px 815px #FFF , 968px 965px #FFF , 1612px 297px #FFF , 377px 1780px #FFF , 837px 1782px #FFF , 1935px 141px #FFF , 409px 1317px #FFF , 1139px 772px #FFF , 321px 1684px #FFF , 1211px 422px #FFF , 1206px 240px #FFF , 1547px 1184px #FFF , 396px 1302px #FFF , 1517px 760px #FFF , 361px 1022px #FFF , 180px 1989px #FFF , 1966px 1280px #FFF , 1366px 1237px #FFF , 1703px 1788px #FFF , 1588px 124px #FFF , 420px 209px #FFF , 617px 385px #FFF , 888px 1579px #FFF , 1329px 1895px #FFF , 1267px 860px #FFF , 958px 1821px #FFF , 833px 1376px #FFF , 1129px 647px #FFF , 716px 1209px #FFF , 1997px 390px #FFF , 1951px 16px #FFF , 1986px 1345px #FFF , 538px 21px #FFF , 1100px 241px #FFF , 165px 1898px #FFF , 1326px 1138px #FFF , 635px 201px #FFF , 1111px 581px #FFF , 253px 505px #FFF , 727px 1050px #FFF , 1010px 781px #FFF , 1895px 458px #FFF , 975px 972px #FFF , 1213px 1353px #FFF , 1596px 78px #FFF , 1149px 156px #FFF , 1199px 256px #FFF , 348px 478px #FFF , 1794px 619px #FFF , 837px 180px #FFF , 901px 1010px #FFF , 488px 1906px #FFF , 1025px 719px #FFF , 1691px 90px #FFF , 1660px 386px #FFF , 1723px 1597px #FFF , 98px 825px #FFF , 623px 732px #FFF , 347px 1695px #FFF , 1986px 1463px #FFF , 1963px 1375px #FFF , 1608px 1618px #FFF , 221px 1555px #FFF , 491px 282px #FFF , 1491px 594px #FFF , 1009px 1030px #FFF , 1247px 1940px #FFF , 1021px 1654px #FFF , 1809px 1096px #FFF , 429px 301px #FFF , 267px 434px #FFF , 789px 1394px #FFF , 62px 1788px #FFF , 105px 1984px #FFF , 1721px 365px #FFF , 1783px 497px #FFF , 1478px 251px #FFF , 180px 292px #FFF , 1029px 646px #FFF , 1353px 1572px #FFF , 1144px 1834px #FFF , 1777px 790px #FFF , 947px 1340px #FFF , 1159px 1442px #FFF , 1648px 1344px #FFF , 1073px 1120px #FFF , 513px 1005px #FFF , 717px 55px #FFF , 1270px 1318px #FFF , 788px 1978px #FFF , 1969px 872px #FFF , 1867px 227px #FFF , 590px 194px #FFF , 1532px 1385px #FFF , 641px 677px #FFF , 979px 1415px #FFF , 977px 1312px #FFF , 1496px 584px #FFF , 1764px 534px #FFF , 126px 1110px #FFF , 937px 1335px #FFF , 1598px 715px #FFF , 1914px 1701px #FFF , 412px 368px #FFF , 139px 1180px #FFF , 1308px 1956px #FFF , 1150px 636px #FFF , 415px 1191px #FFF , 466px 1775px #FFF , 280px 581px #FFF , 1213px 1103px #FFF , 1398px 1271px #FFF , 1269px 387px #FFF , 1409px 1793px #FFF , 413px 1507px #FFF , 683px 782px #FFF , 1037px 808px #FFF , 325px 723px #FFF , 674px 1681px #FFF , 394px 129px #FFF , 1943px 1628px #FFF , 550px 1643px #FFF , 1336px 413px #FFF , 656px 1897px #FFF , 305px 1443px #FFF , 347px 779px #FFF , 861px 991px #FFF , 197px 1544px #FFF , 824px 630px #FFF , 1451px 774px #FFF , 1818px 1898px #FFF , 1145px 25px #FFF , 1250px 629px #FFF , 1139px 1289px #FFF , 585px 148px #FFF , 1837px 1254px #FFF , 769px 1836px #FFF , 970px 979px #FFF , 1268px 81px #FFF , 651px 1279px #FFF , 1499px 117px #FFF;
}

.stars3 {
  width: 4px;
  height: 4px;
  background: transparent;
  box-shadow: 457px 1480px #FFF , 311px 868px #FFF , 1725px 1878px #FFF , 1461px 129px #FFF , 973px 1433px #FFF , 1010px 1810px #FFF , 901px 1049px #FFF , 1751px 101px #FFF , 1384px 1134px #FFF , 974px 277px #FFF , 1479px 1429px #FFF , 239px 416px #FFF , 995px 175px #FFF , 761px 679px #FFF , 543px 694px #FFF , 187px 1478px #FFF , 1045px 1746px #FFF , 1540px 1133px #FFF , 698px 453px #FFF , 558px 1060px #FFF , 524px 62px #FFF , 936px 124px #FFF , 550px 982px #FFF , 389px 1332px #FFF , 1815px 1505px #FFF , 154px 1070px #FFF , 556px 1746px #FFF , 1296px 1353px #FFF , 216px 1759px #FFF , 264px 1163px #FFF , 1833px 1665px #FFF , 908px 1864px #FFF , 584px 925px #FFF , 188px 876px #FFF , 733px 989px #FFF , 364px 1806px #FFF , 595px 631px #FFF , 1480px 1899px #FFF , 1034px 1276px #FFF , 1565px 1923px #FFF , 637px 787px #FFF , 1448px 138px #FFF , 1673px 428px #FFF , 1703px 126px #FFF , 1089px 595px #FFF , 1883px 428px #FFF , 287px 707px #FFF , 1394px 927px #FFF , 1219px 1183px #FFF , 503px 618px #FFF , 540px 1156px #FFF , 1519px 801px #FFF , 1944px 1497px #FFF , 116px 464px #FFF , 1285px 1777px #FFF , 212px 735px #FFF , 1218px 936px #FFF , 873px 1013px #FFF , 1131px 1766px #FFF , 1256px 1091px #FFF , 274px 1466px #FFF , 173px 700px #FFF , 1108px 487px #FFF , 1314px 281px #FFF , 1481px 1037px #FFF , 769px 713px #FFF , 1064px 1356px #FFF , 1627px 432px #FFF , 1386px 1007px #FFF , 568px 439px #FFF , 825px 169px #FFF , 755px 1991px #FFF , 34px 970px #FFF , 258px 577px #FFF , 674px 1072px #FFF , 281px 540px #FFF , 1195px 1984px #FFF , 1896px 1352px #FFF , 73px 303px #FFF , 945px 1637px #FFF , 1993px 774px #FFF , 431px 1208px #FFF , 1749px 544px #FFF , 1279px 292px #FFF , 339px 683px #FFF , 1699px 1916px #FFF , 718px 1199px #FFF , 1780px 1889px #FFF , 1272px 504px #FFF , 1025px 1110px #FFF , 111px 360px #FFF , 250px 1642px #FFF , 93px 148px #FFF , 575px 924px #FFF , 1996px 1238px #FFF , 1652px 1807px #FFF , 77px 663px #FFF , 1286px 1995px #FFF , 894px 1805px #FFF , 176px 445px #FFF;
  animation: animStar 150s linear infinite;
}
.stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 457px 1480px #FFF , 311px 868px #FFF , 1725px 1878px #FFF , 1461px 129px #FFF , 973px 1433px #FFF , 1010px 1810px #FFF , 901px 1049px #FFF , 1751px 101px #FFF , 1384px 1134px #FFF , 974px 277px #FFF , 1479px 1429px #FFF , 239px 416px #FFF , 995px 175px #FFF , 761px 679px #FFF , 543px 694px #FFF , 187px 1478px #FFF , 1045px 1746px #FFF , 1540px 1133px #FFF , 698px 453px #FFF , 558px 1060px #FFF , 524px 62px #FFF , 936px 124px #FFF , 550px 982px #FFF , 389px 1332px #FFF , 1815px 1505px #FFF , 154px 1070px #FFF , 556px 1746px #FFF , 1296px 1353px #FFF , 216px 1759px #FFF , 264px 1163px #FFF , 1833px 1665px #FFF , 908px 1864px #FFF , 584px 925px #FFF , 188px 876px #FFF , 733px 989px #FFF , 364px 1806px #FFF , 595px 631px #FFF , 1480px 1899px #FFF , 1034px 1276px #FFF , 1565px 1923px #FFF , 637px 787px #FFF , 1448px 138px #FFF , 1673px 428px #FFF , 1703px 126px #FFF , 1089px 595px #FFF , 1883px 428px #FFF , 287px 707px #FFF , 1394px 927px #FFF , 1219px 1183px #FFF , 503px 618px #FFF , 540px 1156px #FFF , 1519px 801px #FFF , 1944px 1497px #FFF , 116px 464px #FFF , 1285px 1777px #FFF , 212px 735px #FFF , 1218px 936px #FFF , 873px 1013px #FFF , 1131px 1766px #FFF , 1256px 1091px #FFF , 274px 1466px #FFF , 173px 700px #FFF , 1108px 487px #FFF , 1314px 281px #FFF , 1481px 1037px #FFF , 769px 713px #FFF , 1064px 1356px #FFF , 1627px 432px #FFF , 1386px 1007px #FFF , 568px 439px #FFF , 825px 169px #FFF , 755px 1991px #FFF , 34px 970px #FFF , 258px 577px #FFF , 674px 1072px #FFF , 281px 540px #FFF , 1195px 1984px #FFF , 1896px 1352px #FFF , 73px 303px #FFF , 945px 1637px #FFF , 1993px 774px #FFF , 431px 1208px #FFF , 1749px 544px #FFF , 1279px 292px #FFF , 339px 683px #FFF , 1699px 1916px #FFF , 718px 1199px #FFF , 1780px 1889px #FFF , 1272px 504px #FFF , 1025px 1110px #FFF , 111px 360px #FFF , 250px 1642px #FFF , 93px 148px #FFF , 575px 924px #FFF , 1996px 1238px #FFF , 1652px 1807px #FFF , 77px 663px #FFF , 1286px 1995px #FFF , 894px 1805px #FFF , 176px 445px #FFF;
}

.earth {
  height: 120px;
  margin-top: -120px;
}

.real {
  height: inherit;
}
.real .mountains {
  height: 240px;
  position: relative;
}
.real .mountains .m1 {
  border-top: 120px solid transparent;
  box-shadow: inset 0 1px 0 0 red;
  border-left: 75px solid RGB(234, 223, 191);
  border-bottom: 120px solid transparent;
  height: 0px;
  width: 0px;
  position: absolute;
  z-index: 30;
  filter: drop-shadow(150px -50px 50px white);
}
.real .mountains .m1Shadow {
  border-top: 120px solid transparent;
  border-left: 125px solid RGBA(234, 214, 177, 0.93);
  border-bottom: 120px solid transparent;
  height: 0px;
  width: 0px;
  position: absolute;
  z-index: 29;
}
.real .mountains .m2 {
  border: 70px solid transparent;
  border-bottom: 50px solid RGB(234, 223, 191);
  position: relative;
  height: 0px;
  width: 0px;
  position: absolute;
  z-index: 2;
  margin-left: 400px;
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  z-index: 28;
  margin-top: 60px;
}
.real .mountains .m2:after {
  content: '';
  position: absolute;
  left: -70px;
  top: 50px;
  width: 0;
  height: 0;
  border: 70px solid transparent;
  border-top: 760px solid RGB(234, 223, 191);
  z-index: 28;
}
.real .mountains .m2Shadow {
  border: 70px solid transparent;
  border-bottom: 120px solid RGBA(234, 214, 177, 0.93);
  position: relative;
  height: 0px;
  width: 0px;
  position: absolute;
  z-index: 2;
  margin-left: 435px;
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  z-index: 27;
  margin-top: 25px;
}
.real .mountains .m3 {
  border: 70px solid transparent;
  border-bottom: 20px solid RGB(234, 223, 191);
  position: relative;
  height: 0px;
  width: 0px;
  position: absolute;
  z-index: 2;
  margin-left: 540px;
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  z-index: 26;
  margin-top: 75px;
  filter: drop-shadow(-70px -30px 110px rgba(0, 0, 0, 0.31));
}
.real .mountains .m3:after {
  content: '';
  position: absolute;
  left: -70px;
  top: 20px;
  width: 0;
  height: 0;
  border: 70px solid transparent;
  border-top: 150px solid RGB(234, 223, 191);
  z-index: 26;
}
.real .mountains .m3Shadow {
  border: 70px solid transparent;
  border-bottom: 50px solid RGBA(234, 214, 177, 0.93);
  position: relative;
  height: 0px;
  width: 0px;
  position: absolute;
  z-index: 2;
  margin-left: 555px;
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  z-index: 25;
  margin-top: 60px;
}
.real .mountains .m4 {
  border: 50px solid transparent;
  border-bottom: 20px solid RGB(234, 223, 191);
  position: relative;
  height: 0px;
  width: 0px;
  position: absolute;
  z-index: 2;
  margin-left: 520px;
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -webkit-transform: rotate(270deg);
  /* Chrome, Safari, Opera */
  transform: rotate(270deg);
  z-index: 24;
  margin-top: 85px;
}
.real .mountains .m4:after {
  content: '';
  position: absolute;
  left: -50px;
  top: 20px;
  width: 0;
  height: 0;
  border: 50px solid transparent;
  border-top: 80px solid RGB(234, 223, 191);
  z-index: 24;
}
.real .mountains .m4Shadow {
  border: 50px solid transparent;
  border-bottom: 20px solid RGBA(234, 214, 177, 0.93);
  position: relative;
  height: 0px;
  width: 0px;
  position: absolute;
  z-index: 2;
  margin-left: 520px;
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -webkit-transform: rotate(270deg);
  /* Chrome, Safari, Opera */
  transform: rotate(270deg);
  z-index: 23;
  margin-top: 85px;
}
.real .mountains .m4Shadow:after {
  content: '';
  position: absolute;
  left: -50px;
  top: 20px;
  width: 0;
  height: 0;
  border: 50px solid transparent;
  border-top: 120px solid RGBA(234, 214, 177, 0.93);
  z-index: 23;
}
.real .mountains .m5 {
  border-top: 120px solid transparent;
  border-left: 200px solid RGB(234, 223, 191);
  border-bottom: 120px solid transparent;
  height: 0px;
  width: 0px;
  position: absolute;
  z-index: 22;
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
  right: 0;
  position: absolute;
  filter: drop-shadow(40px 20px 100px #fffcfc);
}
.real .lake {
  height: 300px;
  background: linear-gradient(to bottom, RGBA(131, 174, 145, 0.8) 10%, RGBA(60, 111, 38, 0.3));
  margin-top: -120px;
  z-index: 51;
  position: relative;
}
.real .islandShadow1 {
  border: 120px solid transparent;
  border-bottom: 40px solid RGBA(191, 89, 50, 0.31);
  border-right: 40px solid transparent;
  z-index: 50;
  position: absolute;
  margin-left: 180px;
  top: 275px;
}
.real .islandShadow2 {
  border: 120px solid transparent;
  border-bottom: 60px solid RGBA(191, 89, 50, 0.31);
  border-left: 40px solid transparent;
  z-index: 50;
  position: absolute;
  margin-left: 130px;
  top: 256px;
}
.real .island {
  width: 0;
  height: 0;
  border: 120px solid transparent;
  border-bottom: 60px solid #E5987A;
  border-left: 40px solid transparent;
  margin-top: -480px;
  z-index: 50;
  position: absolute;
  margin-left: 170px;
}
.real .island .surface .part1 {
  width: 40px;
  height: 60px;
  background-color: RGBA(142, 172, 114, 0.83);
  transform-style: preserve-3d;
  transform: rotateX(70deg) rotateY(0deg) rotateZ(53deg);
  margin-top: -17px;
  margin-left: -25px;
  position: absolute;
}
.real .island .surface .part2 {
  width: 40px;
  height: 100px;
  background-color: RGBA(142, 172, 114, 0.9);
  transform-style: preserve-3d;
  transform: rotateX(70deg) rotateY(0deg) rotateZ(145deg);
  margin-top: -24px;
  margin-left: 15px;
  position: absolute;
}
.real .island .surface .part3 {
  width: 40px;
  height: 30px;
  background-color: RGBA(142, 172, 114, 0.87);
  transform-style: preserve-3d;
  transform: rotateX(70deg) rotateY(0deg) rotateZ(50deg);
  margin-top: 14px;
  margin-left: 55px;
  position: absolute;
}
.real .island .trees .tree1 {
  width: 120px;
  height: 50px;
  position: absolute;
  margin-left: -100px;
  margin-top: -75px;
  border-top: 8px solid #F2BFA9;
  transform: rotateX(180deg) rotateZ(100deg);
  border-top-left-radius: 5px;
  border-top-right-radius: 120px 35px;
  z-index: 1;
}
.real .island .trees .tree1 .leaf1 {
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-bottom: 25px solid RGBA(150, 165, 92, 0.67);
  border-left: 25px solid transparent;
  margin-top: -60px;
  z-index: 50;
  position: relative;
  margin-left: 85px;
  transform: rotateZ(50deg);
}
.real .island .trees .tree1 .leaf2 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 25px solid RGBA(150, 165, 92, 0.72);
  border-left: 25px solid transparent;
  margin-top: -40px;
  z-index: 50;
  position: absolute;
  margin-left: 115px;
  transform: rotateZ(95deg);
}
.real .island .trees .tree1 .leaf3 {
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-bottom: 15px solid #ADCDAD;
  border-left: 15px solid transparent;
  margin-top: -27px;
  z-index: 0;
  position: absolute;
  margin-left: 125px;
  transform: rotateZ(120deg);
}
.real .island .trees .tree1 .leaf4 {
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-bottom: 20px solid RGBA(150, 165, 92, 0.9);
  border-left: 25px solid transparent;
  margin-top: -5px;
  z-index: 50;
  position: absolute;
  margin-left: 125px;
  transform: rotateZ(155deg);
}
.real .island .trees .tree1 .leaf5 {
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-bottom: 25px solid RGBA(157, 182, 60, 0.4);
  border-left: 25px solid transparent;
  margin-top: -5px;
  z-index: 50;
  position: absolute;
  margin-left: 120px;
  transform: rotateZ(155deg);
}
.real .island .trees .tree1 .leaf6 {
  width: 10px;
  height: 0;
  border: 40px solid transparent;
  border-bottom: 15px solid RGBA(170, 187, 129, 0.9);
  border-left: 25px solid rgba(161, 42, 42, 0);
  margin-top: 20px;
  z-index: 51;
  position: absolute;
  margin-left: 95px;
  transform: rotateZ(200deg);
}
.real .island .trees .tree1 .leaf7 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 20px solid #AAC5A2;
  border-left: 45px solid transparent;
  margin-top: 15px;
  z-index: 50;
  position: absolute;
  margin-left: 105px;
  transform: rotateZ(80deg) rotateY(180deg);
}
.real .island .trees .tree1 .leaf8 {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 15px solid RGBA(153, 176, 92, 0.71);
  border-left: 35px solid transparent;
  margin-top: 20px;
  z-index: 50;
  position: absolute;
  margin-left: 100px;
  transform: rotateZ(95deg) rotateY(180deg);
}
.real .island .trees .tree1 .leaf9 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 20px solid #AAC5A2;
  border-left: 45px solid transparent;
  margin-top: 25px;
  z-index: 49;
  position: absolute;
  margin-left: 75px;
  transform: rotateZ(130deg) rotateY(180deg);
}
.real .island .trees .tree1 .leaf10 {
  width: 0;
  height: 0;
  border: 50px solid transparent;
  border-bottom: 20px solid #A1BC9A;
  border-left: 25px solid transparent;
  margin-top: 15px;
  z-index: 49;
  position: absolute;
  margin-left: 55px;
  transform: rotateZ(170deg) rotateY(180deg);
}
.real .island .trees .tree1 .leaf11 {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 10px solid #839266;
  border-left: 25px solid transparent;
  margin-top: 20px;
  z-index: 50;
  position: absolute;
  margin-left: 90px;
  transform: rotateZ(130deg) rotateY(180deg);
}
.real .island .trees .tree2 {
  width: 90px;
  height: 50px;
  position: absolute;
  margin-left: 40px;
  margin-top: -40px;
  border-top: 8px solid #F2BFA9;
  transform: rotateX(0deg) rotateZ(-80deg);
  border-top-left-radius: 5px;
  border-top-right-radius: 122px 35px;
  z-index: 1;
}
.real .island .trees .tree2 .leaf1 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 15px solid RGBA(150, 165, 92, 0.67);
  border-left: 15px solid transparent;
  margin-top: -40px;
  z-index: 50;
  position: absolute;
  margin-left: 70px;
  transform: rotateZ(50deg);
}
.real .island .trees .tree2 .leaf2 {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 15px solid RGBA(150, 165, 92, 0.72);
  border-left: 15px solid transparent;
  margin-top: -20px;
  z-index: 50;
  position: absolute;
  margin-left: 90px;
  transform: rotateZ(95deg);
}
.real .island .trees .tree2 .leaf3 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 10px solid #ADCDAD;
  border-left: 5px solid transparent;
  margin-top: -5px;
  z-index: 0;
  position: absolute;
  margin-left: 95px;
  transform: rotateZ(130deg);
}
.real .island .trees .tree2 .leaf4 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 10px solid RGBA(150, 165, 92, 0.9);
  border-left: 15px solid transparent;
  margin-top: 2px;
  z-index: 50;
  position: absolute;
  margin-left: 95px;
  transform: rotateZ(155deg);
}
.real .island .trees .tree2 .leaf5 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 15px solid RGBA(157, 182, 60, 0.4);
  border-left: 15px solid transparent;
  margin-top: 2px;
  z-index: 50;
  position: absolute;
  margin-left: 95px;
  transform: rotateZ(155deg);
}
.real .island .trees .tree2 .leaf6 {
  width: 5px;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 15px solid RGBA(170, 187, 129, 0.9);
  border-left: 15px solid rgba(161, 42, 42, 0);
  margin-top: 15px;
  z-index: 51;
  position: absolute;
  margin-left: 90px;
  transform: rotateZ(180deg);
}
.real .island .trees .tree2 .leaf7 {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 15px solid #AAC5A2;
  border-left: 35px solid transparent;
  margin-top: 20px;
  z-index: 50;
  position: absolute;
  margin-left: 85px;
  transform: rotateZ(80deg) rotateY(180deg);
}
.real .island .trees .tree2 .leaf8 {
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-bottom: 15px solid RGBA(153, 176, 92, 0.71);
  border-left: 25px solid transparent;
  margin-top: 17px;
  z-index: 50;
  position: absolute;
  margin-left: 80px;
  transform: rotateZ(95deg) rotateY(180deg);
}
.real .island .trees .tree2 .leaf9 {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 15px solid #AAC5A2;
  border-left: 35px solid transparent;
  margin-top: 25px;
  z-index: 49;
  position: absolute;
  margin-left: 58px;
  transform: rotateZ(130deg) rotateY(180deg);
}
.real .island .trees .tree2 .leaf10 {
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-bottom: 12px solid #A1BC9A;
  border-left: 15px solid transparent;
  margin-top: 15px;
  z-index: 49;
  position: absolute;
  margin-left: 45px;
  transform: rotateZ(170deg) rotateY(180deg);
}
.real .island .trees .tree2 .leaf11 {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom: 10px solid #96AE8E;
  border-left: 25px solid transparent;
  margin-top: 20px;
  z-index: 50;
  position: absolute;
  margin-left: 68px;
  transform: rotateZ(130deg) rotateY(180deg);
}
.real .boat {
  width: 40px;
  border-top: 15px solid #B65F79;
  border-left: 12px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  z-index: 50;
  margin-top: -312px;
  margin-left: 410px;
  transform: rotateZ(7deg);
}
.real .human {
  border-bottom: 15px solid #80445B;
  border-left: 10px solid transparent;
  margin-top: -324px;
  margin-left: 440px;
  transform: rotateZ(-8deg);
  position: absolute;
  z-index: 49;
}
.real .human:after {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #80445B;
  position: absolute;
  transform: rotateZ(32deg);
  margin-left: -5px;
  margin-top: -1.1px;
}

.reflection .boat {
  width: 40px;
  border-top: 15px solid #B65F79;
  border-left: 12px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  z-index: 50;
  margin-top: -4px;
  margin-left: 411px;
  transform: rotateZ(0deg) rotateX(180deg);
}
.reflection .human {
  border-bottom: 15px solid #80445B;
  border-left: 10px solid transparent;
  margin-top: 8px;
  margin-left: 440px;
  transform: rotateZ(0deg) rotateX(180deg);
  position: absolute;
  z-index: 49;
}
.reflection .human:after {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #80445B;
  position: absolute;
  transform: rotateZ(32deg);
  margin-left: -5px;
  margin-top: -1.1px;
}
.reflection .islandGlow {
  width: 800px;
  height: 500px;
  position: absolute;
  z-index: 40;
  margin-left: 0px;
  box-shadow: inset 10px 100px 1000px 0px rgba(177, 255, 183, 0.39);
}
.reflection .islandGlow:after {
  content: ' ';
  width: 210px;
  height: 500px;
  position: absolute;
  z-index: 40;
  margin-left: 130px;
  box-shadow: 10px 100px 10000px 0px #4d900f;
}
.reflection .islandR {
  position: absolute;
}
.reflection .islandR .islandShadow1 {
  border: 120px solid transparent;
  border-bottom: 40px solid RGBA(191, 89, 50, 0.31);
  border-right: 40px solid transparent;
  z-index: 50;
  position: absolute;
  margin-left: 180px;
  transform: rotateX(180deg);
}
.reflection .islandR .islandShadow2 {
  border: 120px solid transparent;
  border-bottom: 60px solid RGBA(191, 89, 50, 0.31);
  border-left: 40px solid transparent;
  z-index: 50;
  position: absolute;
  margin-left: 130px;
  transform: rotateX(180deg);
}
.reflection .islandR .island {
  width: 0;
  height: 0;
  border: 120px solid transparent;
  border-bottom: 60px solid #E5987A;
  border-left: 40px solid transparent;
  opacity: 0.5;
  z-index: 50;
  position: absolute;
  margin-left: 170px;
  transform: rotateX(180deg);
}
.reflection .islandR .island .surface .part1 {
  width: 40px;
  height: 60px;
  background-color: RGBA(142, 172, 114, 0.83);
  transform-style: preserve-3d;
  transform: rotateX(70deg) rotateY(0deg) rotateZ(53deg);
  margin-top: -17px;
  margin-left: -25px;
  position: absolute;
}
.reflection .islandR .island .surface .part2 {
  width: 40px;
  height: 100px;
  background-color: RGBA(142, 172, 114, 0.9);
  transform-style: preserve-3d;
  transform: rotateX(70deg) rotateY(0deg) rotateZ(145deg);
  margin-top: -24px;
  margin-left: 15px;
  position: absolute;
}
.reflection .islandR .island .surface .part3 {
  width: 40px;
  height: 30px;
  background-color: RGBA(142, 172, 114, 0.87);
  transform-style: preserve-3d;
  transform: rotateX(70deg) rotateY(0deg) rotateZ(50deg);
  margin-top: 14px;
  margin-left: 55px;
  position: absolute;
}
.reflection .islandR .island .trees .tree1 {
  width: 120px;
  height: 50px;
  position: absolute;
  margin-left: -100px;
  margin-top: -75px;
  border-top: 8px solid #F2BFA9;
  transform: rotateX(180deg) rotateZ(100deg);
  border-top-left-radius: 5px;
  border-top-right-radius: 120px 35px;
  z-index: 1;
}
.reflection .islandR .island .trees .tree1 .leaf1 {
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-bottom: 25px solid RGBA(150, 165, 92, 0.67);
  border-left: 25px solid transparent;
  margin-top: -60px;
  z-index: 50;
  position: relative;
  margin-left: 85px;
  transform: rotateZ(50deg);
}
.reflection .islandR .island .trees .tree1 .leaf2 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 25px solid RGBA(150, 165, 92, 0.72);
  border-left: 25px solid transparent;
  margin-top: -40px;
  z-index: 50;
  position: absolute;
  margin-left: 115px;
  transform: rotateZ(95deg);
}
.reflection .islandR .island .trees .tree1 .leaf3 {
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-bottom: 15px solid #ADCDAD;
  border-left: 15px solid transparent;
  margin-top: -27px;
  z-index: 0;
  position: absolute;
  margin-left: 125px;
  transform: rotateZ(120deg);
}
.reflection .islandR .island .trees .tree1 .leaf4 {
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-bottom: 20px solid RGBA(150, 165, 92, 0.9);
  border-left: 25px solid transparent;
  margin-top: -5px;
  z-index: 50;
  position: absolute;
  margin-left: 125px;
  transform: rotateZ(155deg);
}
.reflection .islandR .island .trees .tree1 .leaf5 {
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-bottom: 25px solid RGBA(157, 182, 60, 0.4);
  border-left: 25px solid transparent;
  margin-top: -5px;
  z-index: 50;
  position: absolute;
  margin-left: 120px;
  transform: rotateZ(155deg);
}
.reflection .islandR .island .trees .tree1 .leaf6 {
  width: 10px;
  height: 0;
  border: 40px solid transparent;
  border-bottom: 15px solid RGBA(170, 187, 129, 0.9);
  border-left: 25px solid rgba(161, 42, 42, 0);
  margin-top: 20px;
  z-index: 51;
  position: absolute;
  margin-left: 95px;
  transform: rotateZ(200deg);
}
.reflection .islandR .island .trees .tree1 .leaf7 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 20px solid #AAC5A2;
  border-left: 45px solid transparent;
  margin-top: 15px;
  z-index: 50;
  position: absolute;
  margin-left: 105px;
  transform: rotateZ(80deg) rotateY(180deg);
}
.reflection .islandR .island .trees .tree1 .leaf8 {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 15px solid RGBA(153, 176, 92, 0.71);
  border-left: 35px solid transparent;
  margin-top: 20px;
  z-index: 50;
  position: absolute;
  margin-left: 100px;
  transform: rotateZ(95deg) rotateY(180deg);
}
.reflection .islandR .island .trees .tree1 .leaf9 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 20px solid #AAC5A2;
  border-left: 45px solid transparent;
  margin-top: 25px;
  z-index: 49;
  position: absolute;
  margin-left: 75px;
  transform: rotateZ(130deg) rotateY(180deg);
}
.reflection .islandR .island .trees .tree1 .leaf10 {
  width: 0;
  height: 0;
  border: 50px solid transparent;
  border-bottom: 20px solid #A1BC9A;
  border-left: 25px solid transparent;
  margin-top: 15px;
  z-index: 49;
  position: absolute;
  margin-left: 55px;
  transform: rotateZ(170deg) rotateY(180deg);
}
.reflection .islandR .island .trees .tree1 .leaf11 {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 10px solid #839266;
  border-left: 25px solid transparent;
  margin-top: 20px;
  z-index: 50;
  position: absolute;
  margin-left: 90px;
  transform: rotateZ(130deg) rotateY(180deg);
}
.reflection .islandR .island .trees .tree2 {
  width: 90px;
  height: 50px;
  position: absolute;
  margin-left: 40px;
  margin-top: -40px;
  border-top: 8px solid #F2BFA9;
  transform: rotateX(0deg) rotateZ(-80deg);
  border-top-left-radius: 5px;
  border-top-right-radius: 122px 35px;
  z-index: 1;
}
.reflection .islandR .island .trees .tree2 .leaf1 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 15px solid RGBA(150, 165, 92, 0.67);
  border-left: 15px solid transparent;
  margin-top: -40px;
  z-index: 50;
  position: absolute;
  margin-left: 70px;
  transform: rotateZ(50deg);
}
.reflection .islandR .island .trees .tree2 .leaf2 {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 15px solid RGBA(150, 165, 92, 0.72);
  border-left: 15px solid transparent;
  margin-top: -20px;
  z-index: 50;
  position: absolute;
  margin-left: 90px;
  transform: rotateZ(95deg);
}
.reflection .islandR .island .trees .tree2 .leaf3 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 10px solid #ADCDAD;
  border-left: 5px solid transparent;
  margin-top: -5px;
  z-index: 0;
  position: absolute;
  margin-left: 95px;
  transform: rotateZ(130deg);
}
.reflection .islandR .island .trees .tree2 .leaf4 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 10px solid RGBA(150, 165, 92, 0.9);
  border-left: 15px solid transparent;
  margin-top: 2px;
  z-index: 50;
  position: absolute;
  margin-left: 95px;
  transform: rotateZ(155deg);
}
.reflection .islandR .island .trees .tree2 .leaf5 {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 15px solid RGBA(157, 182, 60, 0.4);
  border-left: 15px solid transparent;
  margin-top: 2px;
  z-index: 50;
  position: absolute;
  margin-left: 95px;
  transform: rotateZ(155deg);
}
.reflection .islandR .island .trees .tree2 .leaf6 {
  width: 5px;
  height: 0;
  border: 30px solid transparent;
  border-bottom: 15px solid RGBA(170, 187, 129, 0.9);
  border-left: 15px solid rgba(161, 42, 42, 0);
  margin-top: 15px;
  z-index: 51;
  position: absolute;
  margin-left: 90px;
  transform: rotateZ(180deg);
}
.reflection .islandR .island .trees .tree2 .leaf7 {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 15px solid #AAC5A2;
  border-left: 35px solid transparent;
  margin-top: 20px;
  z-index: 50;
  position: absolute;
  margin-left: 85px;
  transform: rotateZ(80deg) rotateY(180deg);
}
.reflection .islandR .island .trees .tree2 .leaf8 {
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-bottom: 15px solid RGBA(153, 176, 92, 0.71);
  border-left: 25px solid transparent;
  margin-top: 17px;
  z-index: 50;
  position: absolute;
  margin-left: 80px;
  transform: rotateZ(95deg) rotateY(180deg);
}
.reflection .islandR .island .trees .tree2 .leaf9 {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 15px solid #AAC5A2;
  border-left: 35px solid transparent;
  margin-top: 25px;
  z-index: 49;
  position: absolute;
  margin-left: 58px;
  transform: rotateZ(130deg) rotateY(180deg);
}
.reflection .islandR .island .trees .tree2 .leaf10 {
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-bottom: 12px solid #A1BC9A;
  border-left: 15px solid transparent;
  margin-top: 15px;
  z-index: 49;
  position: absolute;
  margin-left: 45px;
  transform: rotateZ(170deg) rotateY(180deg);
}
.reflection .islandR .island .trees .tree2 .leaf11 {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom: 10px solid #96AE8E;
  border-left: 25px solid transparent;
  margin-top: 20px;
  z-index: 50;
  position: absolute;
  margin-left: 68px;
  transform: rotateZ(130deg) rotateY(180deg);
}

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


/*Downloaded from https://www.codeseek.co/georgegkas/css-paint-summer-vacations-PNMLgL */
// NO JAVASCRIPT THIS TIME OF SEASON!

Comments