<!--world-->
<style>
#globalArea {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

a {
color: #ff0000;
}

*{
margin: 0;
padding: 0;
list-style:none;
text-decoration: none;

}
body {
height: 100vh;
background-color:black;
}

.menu_wrapper {
padding: 20px;
perspective: 300px;

}

ul, li{
cursor:pointer;
}
nav {
position: relative;
width: 230px;
max-width: 360px;
margin: 100px auto;
transform-style: preserve-3d;
animation: big 2s forwards,
ball 1s 2s ease-in-out infinite alternate;

}
.main {
transform-style: preserve-3d;
transform:perspective(400px) rotateY(0deg);

}
li {
margin:5px;
position: relative;
transition: all 0.2s;
transform-style: preserve-3d;
border-radius: 6px;
border: 1px solid #FF5722;

}
li:hover {
background-image: linear-gradient(45deg, rgba(255,87,34,.49) 30%, rgba(255,173,54,.5) 100%) ;
transform: translateZ(30px) rotateY(4deg);
}

li:hover ul {
opacity: .5;
visibility: visible;
transform: translateZ(60px) rotateY(-25deg);
}
li:hover ul li {
margin-left: 5px;
transition: all 0.4s;
}
a {
display: block;
padding: 5px;
line-height: 40px;
color:#fff;
font-size: 24px;
transition: all 0.2s;
font-family: Alegreya Sans;
}
a:hover {
color: #222;
font-size: 28px;
}
.sub1, .sub2{
opacity: 0;
visibility: hidden;
position: absolute;
left: 80%;
top: 0;
padding-left:30px;
min-width: 300px;
transition: all 0.2s;
transform: translateZ(-11px) rotateY(-26deg) translateX(140px);
}
.button1, .button2{
display: inline-block;
line-height: 30px;
width: 45%;
margin: 0 0 0.325em -3em;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.7);
transform-style: preserve-3d;

}
.button1 a, .button2 a {
color: #111
font-size: 16px;
line-height: 120%;
border-radius: 6px;
font-family: 'Work Sans', sans-serif;

}
.button1 a:hover, .button2 a:hover {
background-image: linear-gradient(45deg, rgba(255,87,34,.49) 30%, rgba(255,173,54,.5) 100%) ;
animation: hover 1s;
}

.text{
text-align: center;
color:#ddd;
font-family: Alegreya Sans;
text-shadow: 1px 1px 5px #555;
}

@keyframes big{
0%{
transform:rotateY(-90deg);
}
25%{transform:rotateY(270deg);
}
50%{transform:rotateY(630deg);
}
100%{transform:rotateY(759deg) ;
}
}

@keyframes ball{
0%{top:0px;}
50%{top:5px;}
100%{top:0px;}
}

/*fog ********************************************************/
body {
background-color: #transparent;
color: #f2f2f2;
font-family: Arvo, Arial;
position: relative;
text-align: center;
}

.world {
/* width: $worldWidth;
height: 445px;
*/margin: doDiv(-$worldHeight, 2) 0 0 doDiv(-$worldWidth, 2);
top: 35%;
position: absolute;
}

.hazeSmall {
width: 10px;
height: 10px;
background: transparent;
box-shadow: 1629px 340px 70px 20px #fff, 1663px 340px 70px 20px #fff, 244px 340px 70px 20px #fff, 488px 340px 70px 20px #fff, 1169px 340px 70px 20px #fff, 554px 340px 70px 20px #fff, 1306px 340px 70px 20px #fff, 1407px 340px 70px 20px #fff, 1804px 340px 70px 20px #fff, 1167px 340px 70px 20px #fff, 1296px 340px 70px 20px #fff, 1676px 340px 70px 20px #fff, 118px 340px 70px 20px #fff, 622px 340px 70px 20px #fff, 37px 340px 70px 20px #fff, 688px 340px 70px 20px #fff, 691px 340px 70px 20px #fff, 1238px 340px 70px 20px #fff, 772px 340px 70px 20px #fff, 527px 340px 70px 20px #fff, 472px 340px 70px 20px #fff, 99px 340px 70px 20px #fff, 1594px 340px 70px 20px #fff, 663px 340px 70px 20px #fff, 1296px 340px 70px 20px #fff, 682px 340px 70px 20px #fff, 1274px 340px 70px 20px #fff, 1072px 340px 70px 20px #fff, 333px 340px 70px 20px #fff, 349px 340px 70px 20px #fff, 1513px 340px 70px 20px #fff, 1157px 340px 70px 20px #fff, 951px 340px 70px 20px #fff, 237px 340px 70px 20px #fff, 718px 340px 70px 20px #fff, 1583px 340px 70px 20px #fff, 830px 340px 70px 20px #fff, 628px 340px 70px 20px #fff, 1053px 340px 70px 20px #fff, 1967px 340px 70px 20px #fff, 1276px 340px 70px 20px #fff, 888px 340px 70px 20px #fff, 732px 340px 70px 20px #fff, 827px 340px 70px 20px #fff, 1770px 340px 70px 20px #fff, 562px 340px 70px 20px #fff, 422px 340px 70px 20px #fff, 1486px 340px 70px 20px #fff, 1390px 340px 70px 20px #fff, 1800px 340px 70px 20px #fff, 1499px 340px 70px 20px #fff, 788px 340px 70px 20px #fff, 486px 340px 70px 20px #fff, 1371px 340px 70px 20px #fff, 636px 340px 70px 20px #fff, 1818px 340px 70px 20px #fff, 785px 340px 70px 20px #fff, 1937px 340px 70px 20px #fff, 1686px 340px 70px 20px #fff, 26px 340px 70px 20px #fff, 899px 340px 70px 20px #fff, 1265px 340px 70px 20px #fff, 14px 340px 70px 20px #fff, 1628px 340px 70px 20px #fff, 72px 340px 70px 20px #fff, 640px 340px 70px 20px #fff, 774px 340px 70px 20px #fff, 1287px 340px 70px 20px #fff, 954px 340px 70px 20px #fff, 804px 340px 70px 20px #fff, 947px 340px 70px 20px #fff, 1166px 340px 70px 20px #fff, 481px 340px 70px 20px #fff, 404px 340px 70px 20px #fff, 1381px 340px 70px 20px #fff, 265px 340px 70px 20px #fff, 415px 340px 70px 20px #fff, 1992px 340px 70px 20px #fff, 1129px 340px 70px 20px #fff, 1224px 340px 70px 20px #fff, 1473px 340px 70px 20px #fff, 201px 340px 70px 20px #fff, 990px 340px 70px 20px #fff, 355px 340px 70px 20px #fff, 65px 340px 70px 20px #fff, 1220px 340px 70px 20px #fff, 1845px 340px 70px 20px #fff, 589px 340px 70px 20px #fff, 152px 340px 70px 20px #fff, 137px 340px 70px 20px #fff, 571px 340px 70px 20px #fff, 641px 340px 70px 20px #fff, 1102px 340px 70px 20px #fff, 1260px 340px 70px 20px #fff, 622px 340px 70px 20px #fff, 1857px 340px 70px 20px #fff, 667px 340px 70px 20px #fff, 684px 340px 70px 20px #fff, 777px 340px 70px 20px #fff, 589px 340px 70px 20px #fff, 1666px 340px 70px 20px #fff, 1515px 340px 70px 20px #fff, 309px 340px 70px 20px #fff, 1639px 340px 70px 20px #fff, 1714px 340px 70px 20px #fff, 692px 340px 70px 20px #fff, 1852px 340px 70px 20px #fff, 1339px 340px 70px 20px #fff, 104px 340px 70px 20px #fff, 1835px 340px 70px 20px #fff, 1540px 340px 70px 20px #fff, 550px 340px 70px 20px #fff, 470px 340px 70px 20px #fff, 1950px 340px 70px 20px #fff, 503px 340px 70px 20px #fff, 623px 340px 70px 20px #fff, 1333px 340px 70px 20px #fff, 1068px 340px 70px 20px #fff, 1120px 340px 70px 20px #fff, 432px 340px 70px 20px #fff, 1423px 340px 70px 20px #fff, 439px 340px 70px 20px #fff, 16px 340px 70px 20px #fff, 679px 340px 70px 20px #fff, 131px 340px 70px 20px #fff, 1141px 340px 70px 20px #fff, 559px 340px 70px 20px #fff, 962px 340px 70px 20px #fff, 178px 340px 70px 20px #fff, 1589px 340px 70px 20px #fff, 1391px 340px 70px 20px #fff, 1670px 340px 70px 20px #fff, 1542px 340px 70px 20px #fff, 484px 340px 70px 20px #fff, 535px 340px 70px 20px #fff, 945px 340px 70px 20px #fff, 342px 340px 70px 20px #fff, 1815px 340px 70px 20px #fff, 1597px 340px 70px 20px #fff, 73px 340px 70px 20px #fff, 1438px 340px 70px 20px #fff, 423px 340px 70px 20px #fff, 612px 340px 70px 20px #fff, 1292px 340px 70px 20px #fff, 1899px 340px 70px 20px #fff, 1704px 340px 70px 20px #fff, 278px 340px 70px 20px #fff, 1730px 340px 70px 20px #fff, 1179px 340px 70px 20px #fff, 1600px 340px 70px 20px #fff;
animation: animHaze 50s cubic-bezier(0.39, -0.19, 0.39, 0.78) infinite;
position: absolute;
border-radius: 50%;
z-index: 98;
}

.hazeMedium {
width: 10px;
height: 10px;
background: transparent;
box-shadow: 1303px 420px 80px 30px #fff, 454px 420px 80px 30px #fff, 1436px 420px 80px 30px #fff, 158px 420px 80px 30px #fff, 1583px 420px 80px 30px #fff, 1423px 420px 80px 30px #fff, 1824px 420px 80px 30px #fff, 846px 420px 80px 30px #fff, 215px 420px 80px 30px #fff, 828px 420px 80px 30px #fff, 495px 420px 80px 30px #fff, 1634px 420px 80px 30px #fff, 1017px 420px 80px 30px #fff, 84px 420px 80px 30px #fff, 1935px 420px 80px 30px #fff, 1306px 420px 80px 30px #fff, 1536px 420px 80px 30px #fff, 1701px 420px 80px 30px #fff, 1811px 420px 80px 30px #fff, 1003px 420px 80px 30px #fff, 368px 420px 80px 30px #fff, 1271px 420px 80px 30px #fff, 725px 420px 80px 30px #fff, 218px 420px 80px 30px #fff, 943px 420px 80px 30px #fff, 1765px 420px 80px 30px #fff, 566px 420px 80px 30px #fff, 1951px 420px 80px 30px #fff, 263px 420px 80px 30px #fff, 419px 420px 80px 30px #fff, 776px 420px 80px 30px #fff, 1828px 420px 80px 30px #fff, 111px 420px 80px 30px #fff, 1954px 420px 80px 30px #fff, 1918px 420px 80px 30px #fff, 1793px 420px 80px 30px #fff, 664px 420px 80px 30px #fff, 714px 420px 80px 30px #fff, 653px 420px 80px 30px #fff, 447px 420px 80px 30px #fff, 1258px 420px 80px 30px #fff, 816px 420px 80px 30px #fff, 1786px 420px 80px 30px #fff, 806px 420px 80px 30px #fff, 1602px 420px 80px 30px #fff, 592px 420px 80px 30px #fff, 1421px 420px 80px 30px #fff, 1543px 420px 80px 30px #fff, 1727px 420px 80px 30px #fff, 1918px 420px 80px 30px #fff, 918px 420px 80px 30px #fff, 800px 420px 80px 30px #fff, 1652px 420px 80px 30px #fff, 605px 420px 80px 30px #fff, 363px 420px 80px 30px #fff, 1607px 420px 80px 30px #fff, 1886px 420px 80px 30px #fff, 1213px 420px 80px 30px #fff, 652px 420px 80px 30px #fff, 539px 420px 80px 30px #fff, 1431px 420px 80px 30px #fff, 122px 420px 80px 30px #fff, 817px 420px 80px 30px #fff, 1245px 420px 80px 30px #fff, 232px 420px 80px 30px #fff, 1318px 420px 80px 30px #fff, 522px 420px 80px 30px #fff, 1494px 420px 80px 30px #fff, 449px 420px 80px 30px #fff, 379px 420px 80px 30px #fff, 1600px 420px 80px 30px #fff, 1629px 420px 80px 30px #fff, 1977px 420px 80px 30px #fff, 109px 420px 80px 30px #fff, 230px 420px 80px 30px #fff, 1638px 420px 80px 30px #fff, 843px 420px 80px 30px #fff, 1715px 420px 80px 30px #fff, 740px 420px 80px 30px #fff, 227px 420px 80px 30px #fff, 1528px 420px 80px 30px #fff, 485px 420px 80px 30px #fff, 471px 420px 80px 30px #fff, 1158px 420px 80px 30px #fff, 752px 420px 80px 30px #fff, 1468px 420px 80px 30px #fff, 1452px 420px 80px 30px #fff, 942px 420px 80px 30px #fff, 73px 420px 80px 30px #fff, 1645px 420px 80px 30px #fff, 1086px 420px 80px 30px #fff, 1727px 420px 80px 30px #fff, 47px 420px 80px 30px #fff, 813px 420px 80px 30px #fff, 965px 420px 80px 30px #fff, 1484px 420px 80px 30px #fff, 767px 420px 80px 30px #fff, 1451px 420px 80px 30px #fff, 1101px 420px 80px 30px #fff, 739px 420px 80px 30px #fff, 1309px 420px 80px 30px #fff, 19px 420px 80px 30px #fff, 503px 420px 80px 30px #fff, 453px 420px 80px 30px #fff, 49px 420px 80px 30px #fff, 1108px 420px 80px 30px #fff, 1617px 420px 80px 30px #fff, 404px 420px 80px 30px #fff, 1511px 420px 80px 30px #fff, 744px 420px 80px 30px #fff, 838px 420px 80px 30px #fff, 1899px 420px 80px 30px #fff, 757px 420px 80px 30px #fff, 119px 420px 80px 30px #fff, 641px 420px 80px 30px #fff, 576px 420px 80px 30px #fff, 1618px 420px 80px 30px #fff, 734px 420px 80px 30px #fff, 294px 420px 80px 30px #fff, 545px 420px 80px 30px #fff, 1278px 420px 80px 30px #fff, 1053px 420px 80px 30px #fff, 694px 420px 80px 30px #fff, 1254px 420px 80px 30px #fff, 1896px 420px 80px 30px #fff, 1894px 420px 80px 30px #fff, 1207px 420px 80px 30px #fff, 921px 420px 80px 30px #fff, 845px 420px 80px 30px #fff, 1237px 420px 80px 30px #fff, 1243px 420px 80px 30px #fff, 1013px 420px 80px 30px #fff, 1051px 420px 80px 30px #fff, 184px 420px 80px 30px #fff, 1799px 420px 80px 30px #fff, 1351px 420px 80px 30px #fff, 1935px 420px 80px 30px #fff, 1406px 420px 80px 30px #fff, 1099px 420px 80px 30px #fff, 558px 420px 80px 30px #fff, 1538px 420px 80px 30px #fff, 560px 420px 80px 30px #fff, 1473px 420px 80px 30px #fff, 1889px 420px 80px 30px #fff, 1859px 420px 80px 30px #fff, 659px 420px 80px 30px #fff, 801px 420px 80px 30px #fff, 459px 420px 80px 30px #fff, 1805px 420px 80px 30px #fff, 1234px 420px 80px 30px #fff;
animation: animHaze 50s linear infinite;
position: absolute;
border-radius: 20%;
z-index: 99;
}

.hazeBig {
width: 10px;
height: 10px;
background: transparent;
box-shadow: 1598px 100px 100px 10px #fff, 1675px 100px 100px 10px #fff, 1513px 100px 100px 10px #fff, 1194px 100px 100px 10px #fff, 1027px 100px 100px 10px #fff, 1210px 100px 100px 10px #fff, 1090px 100px 100px 10px #fff, 760px 100px 100px 10px #fff, 1779px 100px 100px 10px #fff, 1933px 100px 100px 10px #fff, 229px 100px 100px 10px #fff, 525px 100px 100px 10px #fff, 266px 100px 100px 10px #fff, 1154px 100px 100px 10px #fff, 1769px 100px 100px 10px #fff, 1820px 100px 100px 10px #fff, 353px 100px 100px 10px #fff, 1109px 100px 100px 10px #fff, 1923px 100px 100px 10px #fff, 1179px 100px 100px 10px #fff, 283px 100px 100px 10px #fff, 1459px 100px 100px 10px #fff, 1693px 100px 100px 10px #fff, 472px 100px 100px 10px #fff, 1106px 100px 100px 10px #fff, 1749px 100px 100px 10px #fff, 1244px 100px 100px 10px #fff, 186px 100px 100px 10px #fff, 1612px 100px 100px 10px #fff, 1796px 100px 100px 10px #fff, 1100px 100px 100px 10px #fff, 1434px 100px 100px 10px #fff, 1769px 100px 100px 10px #fff, 450px 100px 100px 10px #fff, 1110px 100px 100px 10px #fff, 1651px 100px 100px 10px #fff, 764px 100px 100px 10px #fff, 305px 100px 100px 10px #fff, 573px 100px 100px 10px #fff, 27px 100px 100px 10px #fff, 1576px 100px 100px 10px #fff, 358px 100px 100px 10px #fff, 975px 100px 100px 10px #fff, 511px 100px 100px 10px #fff, 1289px 100px 100px 10px #fff, 1242px 100px 100px 10px #fff, 1228px 100px 100px 10px #fff, 1316px 100px 100px 10px #fff, 677px 100px 100px 10px #fff, 1502px 100px 100px 10px #fff;
animation: animHaze 100s linear infinite;
position: absolute;
border-radius: 50%;
z-index: 95;
}

.starsBig {
width: 2px;
height: 2px;
background: transparent;
box-shadow: 656px 34px #FFF , 463px 145px #FFF , 612px 64px #FFF , 516px 12px #FFF;
position: absolute;
border-radius: 50%;
z-index: 0;
}
/*
.starsSmall {
width: 1px;
height: 1px;
background: transparent;
box-shadow: 597px 61px #FFF , 744px 139px #FFF , 145px 238px #FFF , 668px 34px #FFF , 763px 221px #FFF , 793px 179px #FFF , 629px 113px #FFF , 439px 34px #FFF , 550px 25px #FFF , 372px 157px #FFF , 12px 234px #FFF , 324px 140px #FFF , 341px 226px #FFF , 386px 82px #FFF , 702px 73px #FFF , 495px 173px #FFF , 28px 138px #FFF , 473px 67px #FFF , 755px 39px #FFF , 104px 82px #FFF , 766px 97px #FFF , 372px 244px #FFF , 776px 60px #FFF , 778px 215px #FFF , 1px 63px #FFF , 113px 7px #FFF , 106px 61px #FFF , 718px 194px #FFF , 660px 16px #FFF , 607px 148px #FFF , 272px 88px #FFF , 325px 227px #FFF , 38px 165px #FFF , 726px 17px #FFF , 22px 14px #FFF , 629px 213px #FFF , 280px 175px #FFF , 728px 82px #FFF , 227px 206px #FFF , 749px 185px #FFF , 40px 158px #FFF , 219px 103px #FFF , 732px 244px #FFF , 670px 179px #FFF , 785px 217px #FFF , 691px 62px #FFF , 324px 156px #FFF , 225px 124px #FFF , 95px 87px #FFF , 72px 249px #FFF , 606px 139px #FFF , 389px 154px #FFF , 560px 102px #FFF , 446px 18px #FFF , 663px 13px #FFF , 461px 216px #FFF , 142px 146px #FFF , 744px 191px #FFF , 382px 136px #FFF , 283px 79px #FFF , 193px 166px #FFF , 735px 98px #FFF , 386px 127px #FFF , 482px 238px #FFF , 662px 229px #FFF , 121px 98px #FFF , 114px 82px #FFF , 2px 42px #FFF , 209px 244px #FFF , 96px 96px #FFF , 166px 205px #FFF , 159px 240px #FFF , 743px 18px #FFF , 407px 18px #FFF , 425px 6px #FFF , 692px 109px #FFF , 599px 35px #FFF , 221px 121px #FFF , 668px 168px #FFF , 315px 66px #FFF , 324px 3px #FFF , 147px 238px #FFF , 562px 79px #FFF , 596px 246px #FFF , 651px 34px #FFF , 352px 47px #FFF , 68px 88px #FFF , 728px 152px #FFF , 661px 238px #FFF , 713px 99px #FFF , 462px 234px #FFF , 778px 140px #FFF , 406px 10px #FFF , 554px 93px #FFF , 1px 18px #FFF , 250px 151px #FFF , 249px 84px #FFF , 501px 182px #FFF , 4px 102px #FFF , 101px 161px #FFF , 523px 228px #FFF , 155px 125px #FFF , 223px 6px #FFF , 131px 152px #FFF , 499px 19px #FFF , 499px 133px #FFF , 797px 163px #FFF , 188px 203px #FFF , 36px 246px #FFF , 164px 166px #FFF , 638px 46px #FFF , 594px 112px #FFF , 116px 226px #FFF , 626px 244px #FFF , 189px 49px #FFF , 87px 84px #FFF , 156px 111px #FFF , 161px 184px #FFF , 597px 78px #FFF , 517px 137px #FFF , 669px 86px #FFF , 301px 128px #FFF , 423px 19px #FFF , 671px 99px #FFF , 218px 151px #FFF , 200px 61px #FFF , 220px 57px #FFF , 631px 78px #FFF , 169px 86px #FFF , 247px 173px #FFF , 712px 33px #FFF , 335px 127px #FFF , 337px 161px #FFF , 35px 31px #FFF , 556px 172px #FFF , 713px 217px #FFF , 310px 190px #FFF , 540px 247px #FFF , 630px 61px #FFF , 310px 145px #FFF , 341px 210px #FFF , 595px 11px #FFF , 81px 159px #FFF , 500px 240px #FFF , 4px 206px #FFF , 217px 116px #FFF , 414px 211px #FFF , 352px 12px #FFF , 724px 160px #FFF , 317px 235px #FFF , 141px 26px #FFF , 772px 139px #FFF , 375px 68px #FFF , 542px 94px #FFF , 786px 69px #FFF , 340px 103px #FFF , 263px 200px #FFF , 8px 56px #FFF , 610px 136px #FFF , 358px 205px #FFF , 590px 38px #FFF , 716px 183px #FFF , 28px 94px #FFF , 782px 236px #FFF , 634px 55px #FFF , 699px 44px #FFF , 535px 228px #FFF , 28px 100px #FFF , 404px 48px #FFF , 138px 123px #FFF , 345px 15px #FFF , 262px 230px #FFF , 437px 226px #FFF , 714px 58px #FFF , 485px 56px #FFF , 672px 189px #FFF , 500px 138px #FFF , 553px 26px #FFF , 462px 138px #FFF , 567px 39px #FFF , 567px 42px #FFF , 121px 74px #FFF , 718px 117px #FFF , 391px 15px #FFF , 483px 21px #FFF , 538px 158px #FFF , 728px 171px #FFF , 272px 94px #FFF , 793px 135px #FFF , 648px 117px #FFF , 497px 180px #FFF , 350px 149px #FFF , 681px 248px #FFF , 607px 219px #FFF , 673px 116px #FFF , 462px 63px #FFF , 359px 131px #FFF , 207px 3px #FFF , 231px 17px #FFF , 311px 45px #FFF , 317px 135px #FFF , 491px 9px #FFF , 376px 127px #FFF , 481px 105px #FFF , 155px 34px #FFF , 524px 75px #FFF , 673px 189px #FFF , 418px 91px #FFF , 135px 161px #FFF , 744px 2px #FFF , 401px 120px #FFF , 496px 60px #FFF , 769px 242px #FFF , 411px 142px #FFF , 344px 249px #FFF , 226px 28px #FFF , 269px 72px #FFF , 365px 45px #FFF , 429px 56px #FFF , 238px 152px #FFF , 443px 94px #FFF , 300px 16px #FFF , 144px 131px #FFF , 47px 53px #FFF , 218px 111px #FFF , 113px 207px #FFF , 457px 35px #FFF , 20px 187px #FFF , 60px 8px #FFF , 613px 160px #FFF , 95px 145px #FFF , 213px 104px #FFF , 707px 43px #FFF , 46px 33px #FFF , 490px 33px #FFF , 321px 43px #FFF , 53px 213px #FFF , 548px 86px #FFF , 248px 90px #FFF , 119px 175px #FFF , 662px 116px #FFF , 732px 217px #FFF , 580px 158px #FFF , 568px 195px #FFF , 770px 155px #FFF , 177px 23px #FFF , 426px 176px #FFF , 224px 185px #FFF , 146px 165px #FFF , 306px 99px #FFF , 751px 49px #FFF , 611px 182px #FFF , 526px 240px #FFF , 548px 67px #FFF , 734px 184px #FFF , 548px 43px #FFF , 462px 17px #FFF , 768px 95px #FFF , 790px 138px #FFF , 240px 72px #FFF , 669px 11px #FFF , 708px 31px #FFF , 138px 243px #FFF , 392px 122px #FFF , 327px 212px #FFF , 706px 77px #FFF , 571px 84px #FFF , 213px 38px #FFF , 760px 105px #FFF , 699px 86px #FFF , 271px 203px #FFF , 176px 36px #FFF , 639px 228px #FFF , 253px 217px #FFF , 770px 1px #FFF , 366px 164px #FFF , 211px 38px #FFF , 723px 231px #FFF , 198px 111px #FFF , 416px 161px #FFF , 559px 12px #FFF , 369px 75px #FFF , 186px 88px #FFF , 118px 195px #FFF , 701px 124px #FFF , 153px 104px #FFF , 51px 248px #FFF , 219px 202px #FFF , 757px 191px #FFF , 299px 180px #FFF , 195px 152px #FFF , 222px 144px #FFF , 157px 166px #FFF , 425px 98px #FFF , 795px 27px #FFF , 365px 141px #FFF , 273px 163px #FFF , 282px 82px #FFF , 126px 64px #FFF , 131px 190px #FFF;
position: absolute;
border-radius: 50%;
z-index: 0;
}
*/

@keyframes animHaze {
from {
transform: translateX(750px);
}
to {
transform: translateX(-2100px);
}
}

</style>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://threejs.org/build/three.min.js"></script>
<script src="https://raw.githack.com/syt123450/giojs/master/build/gio.min.js"></script>
<script src="https://raw.githack.com/syt123450/giojs/master/assets/data/sampleData.js"></script>
</head>
<body>
<div id="globalArea" style="background-color:black !important;"></div>
<script>
// Get the container to hold the IO globe
var container = document.getElementById( "globalArea" );
// Create Gio.controller
var controller = new GIO.Controller( container );
// Add data
controller.addData( data );
// Initialize and render the globe
controller.init();
</script>
<!--world-->