html, body{
margin:0px;
}
h1 {
font-family: 'Novacento Sans Wide';
font-size: 59px;
line-height: 1.2;
letter-spacing: 1px;
margin: 0px;
text-transform: uppercase;
color: #fff;
font-weight: 100;
}
h2 {
font-family: 'Novacento Sans Wide';
font-size: 22px;
line-height: 1.5;
letter-spacing: 0.5px;
margin: 5px 0px 0px 0px;
color: rgba(255,255,255,.8);
font-weight: 100;
}
h3 {
font-family: 'Novacento Sans Wide';
text-transform: uppercase;
color: #0ebcf3;
font-size: 45px;
letter-spacing: 1px;
font-weight: 300;
margin: 0;
float: left;
}
p,li,input,textarea,.button,button {
font-family: 'Novacento Sans Wide';
margin: 0;
font-size: 16px;
font-weight: 300;
}
a {
text-decoration: none;
}
li {
list-style: none;
}
.clearfix {
clear: both;
}
body #wrapper {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
#overlay-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
#showcase {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background: #190629;
}
#showcase #stars-overlay {
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
}
#showcase #blue-planet-overlay {
right: 0;
bottom: 0;
left: 0;
height: 300px;
width: 100%;
}
#showcase-content {
top: 30%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
width: 100%;
text-align: center;
color: #fff;
vertical-align: middle;
display: table-cell;
transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}
#showcase-content h1 strong {
font-weight: inherit;
color: rgba(14,188,243,0.9);
}
#body {
background: #190629;
}
.container {
margin-top:5%;
height: 300px;
display: table;
width: 100%;
opacity: 1;
transition: all 1.4s;
-o-transition: all 1.4s;
-moz-transition: all 1.4s;
-webkit-transition: all 1.4s;
}
#showcase-content h1 {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
#showcase-content h2 {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.stars {
position: absolute;
border-radius: 100%;
background: transparent;
width: 100%;
}
.stars:after {
width: 100%;
content: " ";
position: absolute;
top: 2000px;
border-radius: 100%;
background: transparent;
}
#stars2 {
width: 8px;
height: 8px;
box-shadow: 1558px 1048px #5a2069,1356px 1851px #5a2069,1596px 887px #5a2069,30px 456px #5a2069,448px 1043px #5a2069,967px 784px #5a2069,106px 1813px #5a2069,264px 876px #5a2069,1642px 605px #5a2069,1699px 1333px #5a2069,397px 1599px #5a2069,94px 1891px #5a2069,761px 1406px #5a2069,263px 1858px #5a2069,792px 1863px #5a2069,440px 1443px #5a2069,636px 1448px #5a2069,1485px 1630px #5a2069,236px 936px #5a2069,223px 1394px #5a2069,301px 1239px #5a2069,68px 429px #5a2069,1531px 1917px #5a2069,1412px 1510px #5a2069,1997px 1344px #5a2069,898px 239px #5a2069,710px 1548px #5a2069,993px 599px #5a2069,764px 99px #5a2069,1151px 69px #5a2069,966px 1184px #5a2069,1507px 560px #5a2069,1197px 87px #5a2069,1967px 1120px #5a2069,108px 1664px #5a2069,292px 357px #5a2069,998px 1591px #5a2069,1716px 126px #5a2069,1725px 1051px #5a2069,163px 720px #5a2069,1486px 1220px #5a2069,1528px 673px #5a2069,34px 667px #5a2069,1063px 1775px #5a2069,727px 1643px #5a2069,741px 66px #5a2069,976px 984px #5a2069,52px 992px #5a2069,335px 1748px #5a2069,1891px 1952px #5a2069,1815px 162px #5a2069,1725px 1094px #5a2069,1122px 370px #5a2069,54px 538px #5a2069,359px 1274px #5a2069,207px 227px #5a2069,733px 1930px #5a2069,1361px 272px #5a2069,1201px 1608px #5a2069,1556px 1830px #5a2069,1830px 784px #5a2069,355px 468px #5a2069,1870px 1240px #5a2069,1824px 433px #5a2069,5px 1959px #5a2069,1055px 921px #5a2069,1875px 775px #5a2069,518px 1560px #5a2069,1486px 190px #5a2069,1085px 388px #5a2069,284px 1001px #5a2069,619px 1151px #5a2069,497px 1817px #5a2069,937px 1092px #5a2069,191px 1974px #5a2069,468px 451px #5a2069,190px 59px #5a2069,251px 1943px #5a2069,661px 1741px #5a2069,339px 264px #5a2069,1333px 1011px #5a2069,1373px 1710px #5a2069,1401px 334px #5a2069,780px 242px #5a2069,1505px 1478px #5a2069,1991px 1945px #5a2069,1032px 424px #5a2069,195px 1626px #5a2069,631px 345px #5a2069,1225px 443px #5a2069,28px 146px #5a2069,1509px 1370px #5a2069,288px 240px #5a2069,1688px 838px #5a2069,517px 1979px #5a2069,1603px 1414px #5a2069,302px 962px #5a2069,999px 882px #5a2069,1121px 1695px #5a2069,1432px 564px #5a2069,1937px 658px #5a2069,43px 235px #5a2069,1598px 1240px #5a2069,803px 1942px #5a2069,12px 136px #5a2069,1290px 428px #5a2069,1507px 1167px #5a2069,1032px 821px #5a2069,1290px 800px #5a2069,1432px 1893px #5a2069,546px 1408px #5a2069,1682px 1660px #5a2069,583px 1286px #5a2069,824px 443px #5a2069,1007px 319px #5a2069,109px 1741px #5a2069,1747px 730px #5a2069,1113px 11px #5a2069,203px 1022px #5a2069,87px 635px #5a2069,1448px 242px #5a2069,1540px 217px #5a2069,1077px 589px #5a2069,986px 581px #5a2069,632px 1348px #5a2069,367px 712px #5a2069,1457px 734px #5a2069,1361px 1532px #5a2069,137px 1564px #5a2069,1311px 1036px #5a2069,1259px 752px #5a2069,635px 1326px #5a2069,576px 841px #5a2069,883px 686px #5a2069,778px 607px #5a2069,1454px 1755px #5a2069,1561px 1196px #5a2069,238px 828px #5a2069,663px 610px #5a2069,1371px 559px #5a2069,1233px 211px #5a2069,1823px 984px #5a2069,267px 404px #5a2069,1813px 1884px #5a2069,1854px 670px #5a2069,94px 1292px #5a2069,148px 1661px #5a2069,1879px 596px #5a2069,1632px 64px #5a2069,641px 1588px #5a2069,1426px 658px #5a2069,1830px 658px #5a2069,1553px 16px #5a2069,1119px 1786px #5a2069,499px 1905px #5a2069,256px 1090px #5a2069,775px 1625px #5a2069,32px 1514px #5a2069,379px 1295px #5a2069,1158px 75px #5a2069,339px 1898px #5a2069,1813px 837px #5a2069,988px 213px #5a2069,513px 661px #5a2069,1807px 1375px #5a2069,1519px 1722px #5a2069,1399px 534px #5a2069,811px 976px #5a2069,1395px 1617px #5a2069,1196px 1558px #5a2069,162px 1543px #5a2069,267px 114px #5a2069,595px 163px #5a2069,1129px 1874px #5a2069,1894px 1378px #5a2069,570px 392px #5a2069,1954px 805px #5a2069,1241px 236px #5a2069,1795px 1608px #5a2069,493px 404px #5a2069,1846px 282px #5a2069,1075px 271px #5a2069,63px 659px #5a2069,1952px 715px #5a2069,449px 1260px #5a2069,497px 1580px #5a2069,474px 93px #5a2069,1424px 1409px #5a2069,860px 473px #5a2069,1618px 1894px #5a2069,1377px 1047px #5a2069,1881px 191px #5a2069,1703px 1142px #5a2069,472px 400px #5a2069,64px 1323px #5a2069,886px 628px #5a2069,1007px 622px #5a2069,720px 1226px #5a2069,811px 453px #5a2069,1197px 1264px #5a2069,142px 1344px #5a2069,715px 1508px #5a2069,1344px 1101px #5a2069,632px 1840px #5a2069,1481px 596px #5a2069,116px 1962px #5a2069,731px 1050px #5a2069,1214px 1024px #5a2069,1286px 1815px #5a2069,93px 323px #5a2069,1900px 1237px #5a2069,732px 454px #5a2069,110px 1463px #5a2069,1514px 272px #5a2069,657px 187px #5a2069,1951px 477px #5a2069,1817px 1220px #5a2069,587px 1283px #5a2069,1145px 1272px #5a2069,848px 279px #5a2069,497px 284px #5a2069,790px 1353px #5a2069,1747px 1198px #5a2069,1938px 20px #5a2069,573px 465px #5a2069,987px 852px #5a2069,1274px 749px #5a2069,1740px 967px #5a2069,791px 1357px #5a2069,361px 665px #5a2069,686px 794px #5a2069,1915px 757px #5a2069,1828px 71px #5a2069,1919px 76px #5a2069,1317px 829px #5a2069,673px 816px #5a2069,1581px 267px #5a2069,147px 1475px #5a2069,1213px 804px #5a2069,513px 1022px #5a2069,1269px 58px #5a2069,341px 32px #5a2069,1346px 1293px #5a2069,1126px 1806px #5a2069,1644px 1920px #5a2069,1376px 1092px #5a2069,479px 1182px #5a2069,1796px 1845px #5a2069,229px 76px #5a2069,198px 1677px #5a2069;
}
#stars2:after {
width: 8px;
height: 8px;
box-shadow: 1558px 1048px #5a2069,1356px 1851px #5a2069,1596px 887px #5a2069,30px 456px #5a2069,448px 1043px #5a2069,967px 784px #5a2069,106px 1813px #5a2069,264px 876px #5a2069,1642px 605px #5a2069,1699px 1333px #5a2069,397px 1599px #5a2069,94px 1891px #5a2069,761px 1406px #5a2069,263px 1858px #5a2069,792px 1863px #5a2069,440px 1443px #5a2069,636px 1448px #5a2069,1485px 1630px #5a2069,236px 936px #5a2069,223px 1394px #5a2069,301px 1239px #5a2069,68px 429px #5a2069,1531px 1917px #5a2069,1412px 1510px #5a2069,1997px 1344px #5a2069,898px 239px #5a2069,710px 1548px #5a2069,993px 599px #5a2069,764px 99px #5a2069,1151px 69px #5a2069,966px 1184px #5a2069,1507px 560px #5a2069,1197px 87px #5a2069,1967px 1120px #5a2069,108px 1664px #5a2069,292px 357px #5a2069,998px 1591px #5a2069,1716px 126px #5a2069,1725px 1051px #5a2069,163px 720px #5a2069,1486px 1220px #5a2069,1528px 673px #5a2069,34px 667px #5a2069,1063px 1775px #5a2069,727px 1643px #5a2069,741px 66px #5a2069,976px 984px #5a2069,52px 992px #5a2069,335px 1748px #5a2069,1891px 1952px #5a2069,1815px 162px #5a2069,1725px 1094px #5a2069,1122px 370px #5a2069,54px 538px #5a2069,359px 1274px #5a2069,207px 227px #5a2069,733px 1930px #5a2069,1361px 272px #5a2069,1201px 1608px #5a2069,1556px 1830px #5a2069,1830px 784px #5a2069,355px 468px #5a2069,1870px 1240px #5a2069,1824px 433px #5a2069,5px 1959px #5a2069,1055px 921px #5a2069,1875px 775px #5a2069,518px 1560px #5a2069,1486px 190px #5a2069,1085px 388px #5a2069,284px 1001px #5a2069,619px 1151px #5a2069,497px 1817px #5a2069,937px 1092px #5a2069,191px 1974px #5a2069,468px 451px #5a2069,190px 59px #5a2069,251px 1943px #5a2069,661px 1741px #5a2069,339px 264px #5a2069,1333px 1011px #5a2069,1373px 1710px #5a2069,1401px 334px #5a2069,780px 242px #5a2069,1505px 1478px #5a2069,1991px 1945px #5a2069,1032px 424px #5a2069,195px 1626px #5a2069,631px 345px #5a2069,1225px 443px #5a2069,28px 146px #5a2069,1509px 1370px #5a2069,288px 240px #5a2069,1688px 838px #5a2069,517px 1979px #5a2069,1603px 1414px #5a2069,302px 962px #5a2069,999px 882px #5a2069,1121px 1695px #5a2069,1432px 564px #5a2069,1937px 658px #5a2069,43px 235px #5a2069,1598px 1240px #5a2069,803px 1942px #5a2069,12px 136px #5a2069,1290px 428px #5a2069,1507px 1167px #5a2069,1032px 821px #5a2069,1290px 800px #5a2069,1432px 1893px #5a2069,546px 1408px #5a2069,1682px 1660px #5a2069,583px 1286px #5a2069,824px 443px #5a2069,1007px 319px #5a2069,109px 1741px #5a2069,1747px 730px #5a2069,1113px 11px #5a2069,203px 1022px #5a2069,87px 635px #5a2069,1448px 242px #5a2069,1540px 217px #5a2069,1077px 589px #5a2069,986px 581px #5a2069,632px 1348px #5a2069,367px 712px #5a2069,1457px 734px #5a2069,1361px 1532px #5a2069,137px 1564px #5a2069,1311px 1036px #5a2069,1259px 752px #5a2069,635px 1326px #5a2069,576px 841px #5a2069,883px 686px #5a2069,778px 607px #5a2069,1454px 1755px #5a2069,1561px 1196px #5a2069,238px 828px #5a2069,663px 610px #5a2069,1371px 559px #5a2069,1233px 211px #5a2069,1823px 984px #5a2069,267px 404px #5a2069,1813px 1884px #5a2069,1854px 670px #5a2069,94px 1292px #5a2069,148px 1661px #5a2069,1879px 596px #5a2069,1632px 64px #5a2069,641px 1588px #5a2069,1426px 658px #5a2069,1830px 658px #5a2069,1553px 16px #5a2069,1119px 1786px #5a2069,499px 1905px #5a2069,256px 1090px #5a2069,775px 1625px #5a2069,32px 1514px #5a2069,379px 1295px #5a2069,1158px 75px #5a2069,339px 1898px #5a2069,1813px 837px #5a2069,988px 213px #5a2069,513px 661px #5a2069,1807px 1375px #5a2069,1519px 1722px #5a2069,1399px 534px #5a2069,811px 976px #5a2069,1395px 1617px #5a2069,1196px 1558px #5a2069,162px 1543px #5a2069,267px 114px #5a2069,595px 163px #5a2069,1129px 1874px #5a2069,1894px 1378px #5a2069,570px 392px #5a2069,1954px 805px #5a2069,1241px 236px #5a2069,1795px 1608px #5a2069,493px 404px #5a2069,1846px 282px #5a2069,1075px 271px #5a2069,63px 659px #5a2069,1952px 715px #5a2069,449px 1260px #5a2069,497px 1580px #5a2069,474px 93px #5a2069,1424px 1409px #5a2069,860px 473px #5a2069,1618px 1894px #5a2069,1377px 1047px #5a2069,1881px 191px #5a2069,1703px 1142px #5a2069,472px 400px #5a2069,64px 1323px #5a2069,886px 628px #5a2069,1007px 622px #5a2069,720px 1226px #5a2069,811px 453px #5a2069,1197px 1264px #5a2069,142px 1344px #5a2069,715px 1508px #5a2069,1344px 1101px #5a2069,632px 1840px #5a2069,1481px 596px #5a2069,116px 1962px #5a2069,731px 1050px #5a2069,1214px 1024px #5a2069,1286px 1815px #5a2069,93px 323px #5a2069,1900px 1237px #5a2069,732px 454px #5a2069,110px 1463px #5a2069,1514px 272px #5a2069,657px 187px #5a2069,1951px 477px #5a2069,1817px 1220px #5a2069,587px 1283px #5a2069,1145px 1272px #5a2069,848px 279px #5a2069,497px 284px #5a2069,790px 1353px #5a2069,1747px 1198px #5a2069,1938px 20px #5a2069,573px 465px #5a2069,987px 852px #5a2069,1274px 749px #5a2069,1740px 967px #5a2069,791px 1357px #5a2069,361px 665px #5a2069,686px 794px #5a2069,1915px 757px #5a2069,1828px 71px #5a2069,1919px 76px #5a2069,1317px 829px #5a2069,673px 816px #5a2069,1581px 267px #5a2069,147px 1475px #5a2069,1213px 804px #5a2069,513px 1022px #5a2069,1269px 58px #5a2069,341px 32px #5a2069,1346px 1293px #5a2069,1126px 1806px #5a2069,1644px 1920px #5a2069,1376px 1092px #5a2069,479px 1182px #5a2069,1796px 1845px #5a2069,229px 76px #5a2069,198px 1677px #5a2069;
}
#stars3 {
width: 12px;
height: 12px;
box-shadow: 1449px 1091px #501c5d,203px 1481px #501c5d,286px 610px #501c5d,141px 17px #501c5d,1532px 1498px #501c5d,246px 307px #501c5d,1791px 538px #501c5d,287px 242px #501c5d,1165px 1441px #501c5d,669px 677px #501c5d,1083px 232px #501c5d,16px 890px #501c5d,1432px 1624px #501c5d,1143px 1940px #501c5d,1777px 149px #501c5d,1843px 883px #501c5d,950px 853px #501c5d,273px 302px #501c5d,321px 995px #501c5d,1225px 1939px #501c5d,916px 1964px #501c5d,1929px 705px #501c5d,1447px 1629px #501c5d,1554px 1320px #501c5d,1279px 1528px #501c5d,834px 147px #501c5d,1866px 243px #501c5d,1752px 1271px #501c5d,1830px 1775px #501c5d,864px 1364px #501c5d,69px 520px #501c5d,1429px 720px #501c5d,1488px 317px #501c5d,1525px 1460px #501c5d,760px 1790px #501c5d,1569px 443px #501c5d,426px 322px #501c5d,974px 483px #501c5d,36px 893px #501c5d,1835px 1318px #501c5d,1154px 1987px #501c5d,585px 1736px #501c5d,1663px 694px #501c5d,115px 645px #501c5d,645px 336px #501c5d,1843px 837px #501c5d,1348px 919px #501c5d,827px 615px #501c5d,1700px 1442px #501c5d,1747px 275px #501c5d,1305px 1288px #501c5d,204px 1996px #501c5d,323px 1724px #501c5d,363px 1666px #501c5d,671px 1875px #501c5d,655px 503px #501c5d,1796px 439px #501c5d,1288px 1110px #501c5d,1484px 1532px #501c5d,109px 1979px #501c5d,482px 336px #501c5d,1402px 1128px #501c5d,1444px 1656px #501c5d,714px 949px #501c5d,763px 1171px #501c5d,1858px 1872px #501c5d,1962px 989px #501c5d,276px 1535px #501c5d,167px 220px #501c5d,1764px 191px #501c5d,995px 919px #501c5d,261px 220px #501c5d,354px 788px #501c5d,715px 1943px #501c5d,1907px 41px #501c5d,756px 761px #501c5d,1548px 430px #501c5d,16px 1812px #501c5d,415px 1422px #501c5d,69px 1600px #501c5d,409px 1030px #501c5d,1647px 861px #501c5d,476px 1328px #501c5d,1468px 1385px #501c5d,1118px 1809px #501c5d,1332px 1716px #501c5d,703px 1668px #501c5d,247px 1066px #501c5d,103px 1282px #501c5d,1593px 1169px #501c5d,94px 588px #501c5d,654px 1972px #501c5d,719px 1112px #501c5d,1760px 571px #501c5d,480px 461px #501c5d,592px 1315px #501c5d,87px 474px #501c5d,885px 1973px #501c5d,882px 1715px #501c5d,1828px 1595px #501c5d;
}
#stars3:after {
width: 12px;
height: 12px;
box-shadow: 1449px 1091px #501c5d,203px 1481px #501c5d,286px 610px #501c5d,141px 17px #501c5d,1532px 1498px #501c5d,246px 307px #501c5d,1791px 538px #501c5d,287px 242px #501c5d,1165px 1441px #501c5d,669px 677px #501c5d,1083px 232px #501c5d,16px 890px #501c5d,1432px 1624px #501c5d,1143px 1940px #501c5d,1777px 149px #501c5d,1843px 883px #501c5d,950px 853px #501c5d,273px 302px #501c5d,321px 995px #501c5d,1225px 1939px #501c5d,916px 1964px #501c5d,1929px 705px #501c5d,1447px 1629px #501c5d,1554px 1320px #501c5d,1279px 1528px #501c5d,834px 147px #501c5d,1866px 243px #501c5d,1752px 1271px #501c5d,1830px 1775px #501c5d,864px 1364px #501c5d,69px 520px #501c5d,1429px 720px #501c5d,1488px 317px #501c5d,1525px 1460px #501c5d,760px 1790px #501c5d,1569px 443px #501c5d,426px 322px #501c5d,974px 483px #501c5d,36px 893px #501c5d,1835px 1318px #501c5d,1154px 1987px #501c5d,585px 1736px #501c5d,1663px 694px #501c5d,115px 645px #501c5d,645px 336px #501c5d,1843px 837px #501c5d,1348px 919px #501c5d,827px 615px #501c5d,1700px 1442px #501c5d,1747px 275px #501c5d,1305px 1288px #501c5d,204px 1996px #501c5d,323px 1724px #501c5d,363px 1666px #501c5d,671px 1875px #501c5d,655px 503px #501c5d,1796px 439px #501c5d,1288px 1110px #501c5d,1484px 1532px #501c5d,109px 1979px #501c5d,482px 336px #501c5d,1402px 1128px #501c5d,1444px 1656px #501c5d,714px 949px #501c5d,763px 1171px #501c5d,1858px 1872px #501c5d,1962px 989px #501c5d,276px 1535px #501c5d,167px 220px #501c5d,1764px 191px #501c5d,995px 919px #501c5d,261px 220px #501c5d,354px 788px #501c5d,715px 1943px #501c5d,1907px 41px #501c5d,756px 761px #501c5d,1548px 430px #501c5d,16px 1812px #501c5d,415px 1422px #501c5d,69px 1600px #501c5d,409px 1030px #501c5d,1647px 861px #501c5d,476px 1328px #501c5d,1468px 1385px #501c5d,1118px 1809px #501c5d,1332px 1716px #501c5d,703px 1668px #501c5d,247px 1066px #501c5d,103px 1282px #501c5d,1593px 1169px #501c5d,94px 588px #501c5d,654px 1972px #501c5d,719px 1112px #501c5d,1760px 571px #501c5d,480px 461px #501c5d,592px 1315px #501c5d,87px 474px #501c5d,885px 1973px #501c5d,882px 1715px #501c5d,1828px 1595px #501c5d;
}
#stars4 {
width: 16px;
height: 16px;
box-shadow: 1963px 1234px #461851,47px 1377px #461851,576px 1316px #461851,1382px 1050px #461851,1070px 351px #461851,1954px 1662px #461851,1581px 804px #461851,647px 1876px #461851,672px 86px #461851,1586px 36px #461851,130px 808px #461851,1986px 1642px #461851,328px 1339px #461851,119px 254px #461851,1704px 1917px #461851,1385px 1026px #461851,613px 222px #461851,1311px 614px #461851,1120px 527px #461851,414px 946px #461851,1800px 1799px #461851,494px 1161px #461851,640px 404px #461851,1364px 957px #461851,1965px 1953px #461851,119px 1029px #461851,1205px 692px #461851,166px 1378px #461851,1677px 1397px #461851,1256px 11px #461851,386px 937px #461851,469px 831px #461851,942px 1682px #461851,531px 284px #461851,305px 177px #461851,1970px 1093px #461851,95px 887px #461851,103px 1105px #461851,1110px 208px #461851,1997px 1272px #461851,1307px 1493px #461851,1489px 157px #461851,1546px 1516px #461851,1659px 7px #461851,1151px 1181px #461851,761px 1062px #461851,1154px 1297px #461851,819px 8px #461851,1959px 1742px #461851,274px 1224px #461851;
}
#stars4:after {
width: 16px;
height: 16px;
box-shadow: 1963px 1234px #461851,47px 1377px #461851,576px 1316px #461851,1382px 1050px #461851,1070px 351px #461851,1954px 1662px #461851,1581px 804px #461851,647px 1876px #461851,672px 86px #461851,1586px 36px #461851,130px 808px #461851,1986px 1642px #461851,328px 1339px #461851,119px 254px #461851,1704px 1917px #461851,1385px 1026px #461851,613px 222px #461851,1311px 614px #461851,1120px 527px #461851,414px 946px #461851,1800px 1799px #461851,494px 1161px #461851,640px 404px #461851,1364px 957px #461851,1965px 1953px #461851,119px 1029px #461851,1205px 692px #461851,166px 1378px #461851,1677px 1397px #461851,1256px 11px #461851,386px 937px #461851,469px 831px #461851,942px 1682px #461851,531px 284px #461851,305px 177px #461851,1970px 1093px #461851,95px 887px #461851,103px 1105px #461851,1110px 208px #461851,1997px 1272px #461851,1307px 1493px #461851,1489px 157px #461851,1546px 1516px #461851,1659px 7px #461851,1151px 1181px #461851,761px 1062px #461851,1154px 1297px #461851,819px 8px #461851,1959px 1742px #461851,274px 1224px #461851;
}
.stars-active:not(.no-animation) #stars1 {animation: animStar 200s linear infinite;}
.stars-active:not(.no-animation) #stars2 {animation: animStar 150s linear infinite;}
.stars-active:not(.no-animation) #stars3 {animation: animStar 100s linear infinite;}
.stars-active:not(.no-animation) #stars4 {animation: animStar 50s linear infinite;}
@keyframes animStar {
from {
transform: translateY(0px);
}
to {
transform: translateY(-2000px);
}
}
/* Menu */
.menu {
position: relative;
width: 100%;
margin: auto;
display: block;
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-transition: all 1.7s;
-moz-transition: all 1.7s;
-o-transition: all 1.7s;
transition: all 1.7s;
margin-top: 2%;
}
.menu-open-button {
background-color: #00b3ff;
border-radius: 100%;
width: 70px;
height: 70px;
position: absolute;
left: 0;
right: 0;
margin: auto;
color: #fff;
z-index: 2;
text-align: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform ease-out 200ms;
transition: -webkit-transform ease-out 200ms;
transition: transform ease-out 200ms;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
transform: scale(1.1, 1.1) translate3d(0, 0, 0);
cursor: pointer;
overflow: hidden;
}
.menu-open-button:hover {
-webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}
a.menu-item {
background-color: #df0362;
border-radius: 100%;
width: 70px;
height: 70px;
position: absolute;
left: 0;
right: 0;
margin: auto;
color: #fff;
text-align: center;
-webkit-transform: scale(1.0, 1.0) translate3d(0, 0, 0);
transform: scale(1.0, 1.0) translate3d(0, 0, 0);
-webkit-transition: -webkit-transform ease-out 200ms;
transition: -webkit-transform ease-out 200ms;
transition: transform ease-out 200ms;
transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}
.menu-item i {
line-height: 95px;
font-size: 28px
}
.menu-item img {
width: 40%;
vertical-align: middle;
height: auto;
position: absolute;
left: 0px;
right: 0px;
margin: auto;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.menu-open {
display: none;
}
.info-bulle {
margin-top:100px;
opacity: 0;
background-color:rgba(0,0,0,0.8);
padding: 3px 2px;
display: block;
position: relative;
z-index: 3;
text-align: center;
}
.info-bulle p {
font-size: 16px;
font-weight: 300;
}
.info-bulle:before {
z-index: -1;
content:"";
height: 25px;
width: 25px;
background-color:rgba(0,0,0,0.8);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: -5px;
left: 0;
right: 0;
margin: auto;
}
.menu-item:hover .info-bulle {
opacity: 1;
}
.hamburger {
width: 25px;
height: 3px;
background: #fff;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -12.5px;
margin-top: -1.5px;
-webkit-transition: -webkit-transform 200ms;
transition: -webkit-transform 200ms;
transition: transform 200ms;
transition: transform 200ms, -webkit-transform 200ms;
}
.hamburger-1 {
-webkit-transform: translate3d(0, -8px, 0);
transform: translate3d(0, -8px, 0);
}
.hamburger-2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hamburger-3 {
-webkit-transform: translate3d(0, 8px, 0);
transform: translate3d(0, 8px, 0);
}
.menu-open:checked + .menu-open-button .hamburger-1 {
-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
transform: translate3d(0, 0, 0) rotate(45deg);
}
.menu-open:checked + .menu-open-button .hamburger-2 {
-webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menu-open:checked + .menu-open-button .hamburger-3 {
-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
transform: translate3d(0, 0, 0) rotate(-45deg);
}
.menu-item:nth-child(3) {
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.menu-item:nth-child(4) {
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.menu-item:nth-child(5) {
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.menu-item:nth-child(6) {
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.menu-item:nth-child(7) {
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.menu-item:nth-child(8) {
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.menu-item:nth-child(9) {
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.menu-open:checked + .menu-open-button {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}
.menu-open:checked ~ .menu-item {
-webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}
.menu-open:checked ~ .menu-item:nth-child(3) {
background: linear-gradient(-105deg, rgba(126, 4, 141, 1) 0%, rgba(87, 0, 132, 1) 100%);
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
-webkit-transform: translate3d(120.9466px, 52.47586px, 0);
transform: translate3d(120.9466px, 52.47586px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(4) {
background: linear-gradient(-105deg, rgb(0, 179, 255) 0%, rgb(23, 138, 187) 100%);
-webkit-transition-duration: 280ms;
transition-duration: 280ms;
-webkit-transform: translate3d(-3.08361px, 120.99997px, 0);
transform: translate3d(-3.08361px, 120.99997px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(5) {
background: linear-gradient(-105deg, rgba(27, 188, 190, 1) 0%, rgba(0, 127, 179, 1) 100%);
-webkit-transition-duration: 380ms;
transition-duration: 380ms;
-webkit-transform: translate3d(-120.86291px, 52.62064px, 0);
transform: translate3d(-120.86291px, 52.62064px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(6) {
-webkit-transition-duration: 480ms;
transition-duration: 480ms;
-webkit-transform: translate3d(0.08361px, 104.99997px, 0);
transform: translate3d(0.08361px, 104.99997px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(7) {
-webkit-transition-duration: 580ms;
transition-duration: 580ms;
-webkit-transform: translate3d(-90.86291px, 52.62064px, 0);
transform: translate3d(-90.86291px, 52.62064px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(8) {
-webkit-transition-duration: 680ms;
transition-duration: 680ms;
-webkit-transform: translate3d(-91.03006px, -52.33095px, 0);
transform: translate3d(-91.03006px, -52.33095px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(9) {
-webkit-transition-duration: 780ms;
transition-duration: 780ms;
-webkit-transform: translate3d(-0.25084px, -104.9997px, 0);
transform: translate3d(-0.25084px, -104.9997px, 0);
}
/* Responsive */
@media only screen and (min-width: 1440px) {
h1 {font-size: 70px;}
h2 {font-size: 27px;}
h3 {font-size: 54px;}
p, button, li, i {font-size: 19px;}
}
@media screen and (max-width: 480px) {
h1 {font-size: 40px;}
h2 {font-size: 17px;}
h3 {font-size: 40px;line-height: 1;float: inherit;}
.menu-open-button, a.menu-item {width: 75px; height: 75px;}
.menu-item i {line-height: 75px; font-size: 19px;}
.menu-open:checked ~ .menu-item:nth-child(3) { -webkit-transform: translate3d(100.9466px, 52.47586px, 0);transform: translate3d(100.9466px, 52.47586px, 0); }
.menu-open:checked ~ .menu-item:nth-child(4) { -webkit-transform: translate3d(-3.08361px, 100.99997px, 0);transform: translate3d(-3.08361px, 100.99997px, 0); }
.menu-open:checked ~ .menu-item:nth-child(5) { -webkit-transform: translate3d(-100.86291px, 52.62064px, 0);transform: translate3d(-100.86291px, 52.62064px, 0);}
.menu {margin-top: 4em;}
.info-bulle p {font-size: 13px;}
}