@import url(http://fonts.cdnfonts.com/css/excluded);
@import url(http://fonts.cdnfonts.com/css/fredoka-one);
#header,
.stickyan {
    width: 100%;
    position: fixed
}

#stars,
#stars:after {
    width: 1px;
    height: 1px;
    box-shadow: 653px 864px #fff, 1296px 1902px #fff, 1608px 1982px #fff, 597px 453px #fff, 1165px 836px #fff, 1269px 57px #fff, 1531px 1261px #fff, 1540px 1471px #fff, 867px 1110px #fff, 1083px 292px #fff, 1374px 504px #fff, 531px 523px #fff, 1540px 574px #fff, 1931px 878px #fff, 943px 830px #fff, 1363px 215px #fff, 1479px 1979px #fff, 1506px 1919px #fff, 1186px 429px #fff, 1219px 562px #fff, 70px 1157px #fff, 1489px 1885px #fff, 1936px 251px #fff, 379px 750px #fff, 69px 1463px #fff, 719px 1230px #fff, 738px 1007px #fff, 737px 1738px #fff, 1846px 196px #fff, 400px 88px #fff, 1178px 1033px #fff, 373px 889px #fff, 1244px 1407px #fff, 565px 24px #fff, 177px 331px #fff, 379px 873px #fff, 314px 1619px #fff, 271px 1115px #fff, 1844px 643px #fff, 1810px 685px #fff, 1255px 26px #fff, 1219px 1679px #fff, 1179px 682px #fff, 1199px 886px #fff, 1088px 1224px #fff, 681px 1271px #fff, 1540px 1592px #fff, 957px 144px #fff, 1216px 1106px #fff, 635px 1825px #fff, 1431px 360px #fff, 1395px 538px #fff, 1184px 1971px #fff, 1104px 507px #fff, 1061px 729px #fff, 1481px 1064px #fff, 945px 1145px #fff, 977px 786px #fff, 1402px 296px #fff, 1809px 1026px #fff, 666px 1507px #fff, 1938px 643px #fff, 1453px 1284px #fff, 1981px 966px #fff, 1037px 1566px #fff, 1180px 268px #fff, 129px 698px #fff, 376px 234px #fff, 1805px 1217px #fff, 772px 214px #fff, 1075px 1519px #fff, 220px 1727px #fff, 869px 964px #fff, 1831px 956px #fff, 815px 1811px #fff, 1332px 405px #fff, 1852px 1740px #fff, 26px 639px #fff, 20px 1054px #fff, 686px 522px #fff, 758px 992px #fff, 1414px 1876px #fff, 1177px 465px #fff, 967px 424px #fff, 44px 1416px #fff, 1068px 714px #fff, 285px 358px #fff, 949px 1955px #fff, 1338px 1394px #fff, 756px 1269px #fff, 1737px 1949px #fff, 1722px 1482px #fff, 589px 617px #fff, 1012px 149px #fff, 1919px 1755px #fff, 235px 438px #fff, 1981px 1325px #fff, 1946px 116px #fff, 677px 440px #fff, 154px 1948px #fff, 1630px 1029px #fff, 1870px 1074px #fff, 570px 637px #fff, 1758px 478px #fff, 1866px 962px #fff, 1252px 1110px #fff, 1545px 1433px #fff, 1455px 1657px #fff, 1646px 1280px #fff, 760px 1808px #fff, 1378px 1105px #fff, 273px 1382px #fff, 87px 127px #fff, 1356px 189px #fff, 452px 830px #fff, 125px 206px #fff, 1229px 1844px #fff, 1891px 1734px #fff, 1642px 319px #fff, 774px 413px #fff, 1037px 999px #fff, 1181px 937px #fff, 942px 1994px #fff, 843px 27px #fff, 576px 618px #fff, 1465px 1829px #fff, 621px 731px #fff, 1438px 1438px #fff, 55px 612px #fff, 513px 1760px #fff, 1080px 1807px #fff, 1554px 1996px #fff, 76px 227px #fff, 1386px 1596px #fff, 166px 761px #fff, 1433px 407px #fff, 23px 1068px #fff, 1490px 1255px #fff, 388px 215px #fff, 348px 835px #fff, 111px 610px #fff, 269px 244px #fff, 575px 1800px #fff, 387px 678px #fff, 1285px 29px #fff, 385px 1879px #fff, 1063px 829px #fff, 852px 1942px #fff, 1443px 1770px #fff, 1641px 1551px #fff, 1256px 1703px #fff, 1583px 1156px #fff, 880px 1484px #fff, 1189px 1847px #fff, 1246px 1265px #fff, 115px 607px #fff, 890px 1168px #fff, 1689px 1032px #fff, 1213px 265px #fff, 1010px 725px #fff, 1640px 610px #fff, 697px 1929px #fff, 912px 116px #fff, 662px 1748px #fff, 232px 1163px #fff, 1152px 363px #fff, 1612px 808px #fff, 1851px 1511px #fff, 1571px 561px #fff, 930px 1245px #fff, 1444px 474px #fff, 687px 1130px #fff, 1613px 114px #fff, 616px 523px #fff, 1357px 534px #fff, 1989px 681px #fff, 391px 1944px #fff, 227px 1824px #fff, 260px 55px #fff, 1909px 1433px #fff, 200px 1377px #fff, 1223px 356px #fff, 1668px 1259px #fff, 1634px 1307px #fff, 109px 1132px #fff, 649px 1185px #fff, 1819px 1171px #fff, 46px 1097px #fff, 116px 1467px #fff, 779px 1940px #fff, 144px 90px #fff, 1384px 1947px #fff, 602px 517px #fff, 1102px 149px #fff, 1397px 292px #fff, 1428px 368px #fff, 1345px 935px #fff, 487px 1652px #fff, 1500px 1978px #fff, 1223px 214px #fff, 1296px 1815px #fff, 1718px 841px #fff, 492px 340px #fff, 1418px 84px #fff, 745px 1634px #fff, 680px 632px #fff, 1784px 60px #fff, 1506px 1781px #fff, 941px 1036px #fff, 357px 1395px #fff, 319px 1730px #fff, 545px 1286px #fff, 927px 427px #fff, 753px 606px #fff, 154px 529px #fff, 1372px 780px #fff, 1900px 1301px #fff, 1068px 207px #fff, 206px 419px #fff, 1573px 1277px #fff, 1230px 1464px #fff, 1224px 1600px #fff, 1142px 1410px #fff, 864px 426px #fff, 387px 1686px #fff, 855px 1512px #fff, 886px 206px #fff, 816px 417px #fff, 1538px 1861px #fff, 690px 425px #fff, 1934px 478px #fff, 1720px 564px #fff, 1924px 659px #fff, 814px 847px #fff, 818px 647px #fff, 245px 263px #fff, 1879px 386px #fff, 1034px 1066px #fff, 614px 1550px #fff, 798px 1984px #fff, 1918px 1254px #fff, 1117px 1115px #fff, 1015px 1507px #fff, 1907px 1520px #fff, 1892px 524px #fff, 520px 622px #fff, 1347px 1268px #fff, 1435px 1310px #fff, 1035px 1169px #fff, 1913px 709px #fff, 885px 408px #fff, 1553px 1915px #fff, 296px 915px #fff, 1097px 948px #fff, 199px 1px #fff, 157px 886px #fff, 267px 697px #fff, 104px 455px #fff, 677px 1797px #fff, 119px 405px #fff, 1493px 621px #fff, 757px 1115px #fff, 1687px 475px #fff, 397px 20px #fff, 1760px 650px #fff, 327px 1897px #fff, 923px 290px #fff, 1698px 1415px #fff, 511px 1016px #fff, 1879px 302px #fff, 1268px 1204px #fff, 503px 1217px #fff, 1429px 433px #fff, 388px 712px #fff, 138px 482px #fff, 987px 776px #fff, 900px 1814px #fff, 1371px 1269px #fff, 59px 1184px #fff, 1568px 1497px #fff, 970px 1464px #fff, 1425px 929px #fff, 1929px 514px #fff, 1829px 1682px #fff, 1882px 1628px #fff, 153px 1766px #fff, 629px 600px #fff, 1308px 1041px #fff, 1971px 155px #fff, 218px 1858px #fff, 1557px 1365px #fff, 49px 1321px #fff, 312px 1870px #fff, 489px 709px #fff, 899px 1705px #fff, 82px 548px #fff, 535px 636px #fff, 1384px 647px #fff, 691px 1766px #fff, 166px 1542px #fff, 1171px 812px #fff, 440px 591px #fff, 1363px 1834px #fff, 1498px 284px #fff, 827px 1872px #fff, 721px 604px #fff, 267px 1252px #fff, 295px 286px #fff, 838px 62px #fff, 57px 1727px #fff, 166px 1039px #fff, 1056px 1700px #fff, 1267px 1261px #fff, 298px 1494px #fff, 988px 234px #fff, 1734px 654px #fff, 724px 1328px #fff, 786px 1062px #fff, 1518px 846px #fff, 1876px 777px #fff, 434px 656px #fff, 1955px 1521px #fff, 1203px 1463px #fff, 743px 1871px #fff, 1534px 1938px #fff, 767px 1477px #fff, 138px 13px #fff, 188px 614px #fff, 1445px 956px #fff, 1165px 1238px #fff, 1022px 1412px #fff, 1902px 391px #fff, 295px 988px #fff, 1842px 623px #fff, 1313px 992px #fff, 806px 1817px #fff, 1540px 1324px #fff, 308px 1752px #fff, 1347px 12px #fff, 1659px 137px #fff, 1611px 1389px #fff, 1865px 1669px #fff, 628px 1177px #fff, 538px 1370px #fff, 482px 814px #fff, 1166px 1825px #fff, 1818px 493px #fff, 1685px 1443px #fff, 135px 1227px #fff, 1795px 991px #fff, 1381px 145px #fff, 636px 606px #fff, 1768px 471px #fff, 1263px 1984px #fff, 1178px 1380px #fff, 179px 60px #fff, 740px 1062px #fff, 1491px 335px #fff, 762px 740px #fff, 1568px 672px #fff, 1782px 1944px #fff, 675px 507px #fff, 1909px 1824px #fff, 1153px 1537px #fff, 770px 176px #fff, 1152px 380px #fff, 1543px 153px #fff, 93px 921px #fff, 22px 117px #fff, 1643px 1129px #fff, 1932px 1210px #fff, 901px 191px #fff, 1525px 1010px #fff, 390px 1836px #fff, 399px 305px #fff, 310px 1315px #fff, 1041px 518px #fff, 103px 1870px #fff, 748px 1920px #fff, 1158px 1918px #fff, 1021px 421px #fff, 639px 887px #fff, 1589px 545px #fff, 402px 72px #fff, 619px 1149px #fff, 514px 1292px #fff, 1529px 1896px #fff, 1978px 913px #fff, 1911px 765px #fff, 1871px 1864px #fff, 1280px 1349px #fff, 636px 519px #fff, 1586px 77px #fff, 862px 886px #fff, 429px 976px #fff, 1369px 1128px #fff, 1743px 55px #fff, 622px 567px #fff, 303px 580px #fff, 1923px 994px #fff, 777px 1030px #fff, 863px 742px #fff, 444px 1932px #fff, 43px 172px #fff, 939px 1385px #fff, 1391px 1605px #fff, 1816px 138px #fff, 1426px 1688px #fff, 1877px 1667px #fff, 436px 1761px #fff, 146px 1623px #fff, 1003px 1796px #fff, 1062px 458px #fff, 1541px 854px #fff, 1642px 1385px #fff, 1019px 1846px #fff, 1033px 1868px #fff, 1415px 1896px #fff, 997px 853px #fff, 1896px 737px #fff, 1727px 1150px #fff, 176px 1633px #fff, 726px 115px #fff, 1457px 1665px #fff, 520px 1889px #fff, 1401px 980px #fff, 32px 296px #fff, 756px 631px #fff, 834px 853px #fff, 963px 1789px #fff, 672px 1067px #fff, 274px 572px #fff, 1721px 235px #fff, 980px 1722px #fff, 1991px 1101px #fff, 842px 160px #fff, 1737px 1145px #fff, 135px 1149px #fff, 169px 1950px #fff, 1330px 665px #fff, 478px 1249px #fff, 764px 1949px #fff, 752px 995px #fff, 936px 324px #fff, 1837px 1891px #fff, 1781px 269px #fff, 1176px 1250px #fff, 788px 571px #fff, 58px 588px #fff, 1591px 1405px #fff, 56px 1021px #fff, 1127px 1123px #fff, 1356px 717px #fff, 208px 1278px #fff, 1185px 1211px #fff, 1890px 977px #fff, 106px 846px #fff, 1160px 1184px #fff, 39px 391px #fff, 1117px 1px #fff, 9px 1736px #fff, 1029px 59px #fff, 1069px 1274px #fff, 1746px 92px #fff, 1515px 944px #fff, 952px 1985px #fff, 656px 1855px #fff, 1252px 1900px #fff, 641px 1840px #fff, 1410px 906px #fff, 1065px 1096px #fff, 105px 243px #fff, 106px 1944px #fff, 1695px 643px #fff, 376px 347px #fff, 152px 1687px #fff, 922px 1566px #fff, 824px 391px #fff, 490px 416px #fff, 851px 874px #fff, 735px 1867px #fff, 803px 1584px #fff, 881px 698px #fff, 1547px 1190px #fff, 1953px 42px #fff, 674px 1035px #fff, 218px 1436px #fff, 1130px 1396px #fff, 1585px 929px #fff, 512px 1103px #fff, 597px 594px #fff, 75px 762px #fff, 139px 1402px #fff, 757px 1033px #fff, 1947px 1712px #fff, 449px 1357px #fff, 111px 399px #fff, 272px 1187px #fff, 884px 1745px #fff, 426px 1882px #fff, 1263px 294px #fff, 1322px 968px #fff, 264px 920px #fff, 650px 1266px #fff, 1756px 289px #fff, 1505px 28px #fff, 258px 1360px #fff, 1411px 1917px #fff, 523px 1656px #fff, 1984px 285px #fff, 1241px 724px #fff, 1278px 1990px #fff, 649px 847px #fff, 242px 228px #fff, 1282px 152px #fff, 1167px 1468px #fff, 1602px 1914px #fff, 1940px 941px #fff, 1989px 312px #fff, 1159px 1665px #fff, 476px 330px #fff, 1010px 1421px #fff, 1908px 1683px #fff, 1542px 958px #fff, 332px 635px #fff, 853px 1629px #fff, 312px 1210px #fff, 1817px 1567px #fff, 253px 896px #fff, 1327px 1804px #fff, 9px 1929px #fff, 524px 1303px #fff, 529px 1457px #fff, 466px 1694px #fff, 608px 633px #fff, 120px 1956px #fff, 870px 1322px #fff, 782px 1356px #fff, 1062px 341px #fff, 1205px 1736px #fff, 91px 1224px #fff, 1320px 874px #fff, 1596px 1490px #fff, 777px 1457px #fff, 471px 1807px #fff, 664px 1077px #fff, 815px 263px #fff, 224px 1144px #fff, 828px 1412px #fff, 1767px 1488px #fff, 1826px 991px #fff, 1605px 1808px #fff, 1163px 1411px #fff, 1585px 759px #fff, 1802px 1701px #fff, 1129px 1554px #fff, 446px 1336px #fff, 509px 90px #fff, 1694px 1691px #fff, 1866px 191px #fff, 1349px 1580px #fff, 1354px 1106px #fff, 1873px 1118px #fff, 630px 326px #fff, 58px 689px #fff, 465px 1185px #fff, 1314px 287px #fff, 1941px 1906px #fff, 116px 738px #fff, 1452px 1522px #fff, 1128px 1567px #fff, 1446px 1117px #fff, 1080px 1895px #fff, 1856px 1706px #fff, 1161px 1929px #fff, 322px 1831px #fff, 659px 1450px #fff, 592px 1259px #fff, 1755px 307px #fff, 390px 176px #fff, 1115px 1040px #fff, 109px 1553px #fff, 812px 1878px #fff, 1692px 896px #fff, 998px 744px #fff, 1186px 1295px #fff, 1646px 1549px #fff, 759px 575px #fff, 1407px 184px #fff, 1958px 1817px #fff, 1071px 705px #fff, 1214px 438px #fff, 442px 1567px #fff, 1853px 321px #fff, 813px 1193px #fff, 1328px 549px #fff, 1641px 658px #fff, 1426px 1211px #fff, 1083px 132px #fff, 1994px 1983px #fff, 1492px 1080px #fff, 998px 1812px #fff, 1923px 672px #fff, 1268px 1857px #fff, 750px 217px #fff, 624px 1686px #fff, 167px 966px #fff, 1372px 1459px #fff, 1228px 1496px #fff, 580px 534px #fff, 1053px 1259px #fff, 583px 1313px #fff, 223px 1361px #fff, 1865px 1464px #fff, 1273px 717px #fff, 1382px 1018px #fff, 1222px 156px #fff, 1315px 901px #fff, 95px 1869px #fff, 1465px 322px #fff, 579px 1018px #fff, 1083px 1667px #fff, 564px 1760px #fff, 971px 150px #fff, 1484px 220px #fff, 991px 1362px #fff, 461px 397px #fff, 746px 357px #fff, 1684px 1644px #fff, 1522px 642px #fff, 1644px 1794px #fff, 343px 465px #fff, 212px 898px #fff, 53px 236px #fff, 1804px 1764px #fff, 627px 1430px #fff, 1063px 162px #fff, 735px 123px #fff, 292px 1669px #fff, 1912px 1181px #fff, 1786px 1602px #fff, 468px 843px #fff, 1334px 1437px #fff, 198px 723px #fff, 705px 313px #fff, 977px 1532px #fff, 1343px 1002px #fff, 801px 1772px #fff, 889px 1190px #fff, 813px 576px #fff, 578px 634px #fff, 997px 1687px #fff, 748px 1632px #fff, 552px 1272px #fff, 1522px 1350px #fff, 1771px 1448px #fff, 415px 1739px #fff, 882px 985px #fff, 535px 588px #fff, 1324px 1756px #fff, 1691px 37px #fff, 407px 215px #fff, 1127px 1796px #fff, 410px 281px #fff, 1782px 1819px #fff, 1460px 1872px #fff, 1711px 243px #fff, 1914px 1633px #fff, 502px 912px #fff, 1260px 1442px #fff, 766px 1319px #fff, 526px 1768px #fff, 326px 278px #fff, 1945px 1299px #fff, 1075px 564px #fff, 1672px 1089px #fff, 1863px 440px #fff, 1754px 1874px #fff, 616px 1309px #fff, 1228px 869px #fff, 1128px 23px #fff, 291px 468px #fff, 64px 1750px #fff, 118px 918px #fff, 1860px 1513px #fff, 1576px 1241px #fff, 568px 1886px #fff, 229px 1723px #fff, 1958px 1027px #fff, 366px 1383px #fff, 1869px 1678px #fff, 1801px 1842px #fff, 1363px 1857px #fff, 1200px 262px #fff, 262px 956px #fff, 1414px 1077px #fff, 1136px 1239px #fff, 1617px 1261px #fff, 1293px 1127px #fff, 1600px 1383px #fff
}

#stars2,
#stars2:after {
    width: 2px;
    height: 2px;
    box-shadow: 1452px 683px #f8e71c, 903px 1772px #f8e71c, 901px 559px #f8e71c, 1260px 976px #f8e71c, 654px 1567px #f8e71c, 1316px 436px #f8e71c, 805px 1387px #f8e71c, 1288px 795px #f8e71c, 245px 1619px #f8e71c, 1142px 482px #f8e71c, 811px 1385px #f8e71c, 1914px 418px #f8e71c, 1997px 743px #f8e71c, 860px 1616px #f8e71c, 1313px 661px #f8e71c, 794px 1216px #f8e71c, 223px 1728px #f8e71c, 540px 337px #f8e71c, 631px 1015px #f8e71c, 737px 611px #f8e71c, 1214px 846px #f8e71c, 684px 829px #f8e71c, 1191px 442px #f8e71c, 1272px 1465px #f8e71c, 1188px 1714px #f8e71c, 765px 1988px #f8e71c, 113px 1505px #f8e71c, 835px 1695px #f8e71c, 1989px 1571px #f8e71c, 1118px 618px #f8e71c, 165px 1529px #f8e71c, 1886px 695px #f8e71c, 1407px 1704px #f8e71c, 1284px 998px #f8e71c, 134px 856px #f8e71c, 468px 1715px #f8e71c, 275px 1564px #f8e71c, 849px 281px #f8e71c, 496px 561px #f8e71c, 1492px 217px #f8e71c, 1033px 1232px #f8e71c, 966px 137px #f8e71c, 914px 725px #f8e71c, 146px 1848px #f8e71c, 898px 1527px #f8e71c, 1516px 1152px #f8e71c, 242px 71px #f8e71c, 869px 1147px #f8e71c, 265px 684px #f8e71c, 1750px 933px #f8e71c, 1421px 629px #f8e71c, 366px 1945px #f8e71c, 1809px 689px #f8e71c, 902px 348px #f8e71c, 1405px 1252px #f8e71c, 688px 1546px #f8e71c, 760px 547px #f8e71c, 1774px 1915px #f8e71c, 1893px 901px #f8e71c, 1543px 1171px #f8e71c, 1570px 1167px #f8e71c, 1969px 687px #f8e71c, 1440px 1676px #f8e71c, 1116px 1286px #f8e71c, 1369px 1559px #f8e71c, 843px 356px #f8e71c, 60px 393px #f8e71c, 1403px 327px #f8e71c, 841px 1877px #f8e71c, 1084px 1867px #f8e71c, 389px 421px #f8e71c, 437px 343px #f8e71c, 226px 499px #f8e71c, 527px 1902px #f8e71c, 946px 214px #f8e71c, 182px 1908px #f8e71c, 1787px 230px #f8e71c, 1884px 777px #f8e71c, 218px 1608px #f8e71c, 1336px 1476px #f8e71c, 1058px 1347px #f8e71c, 988px 1788px #f8e71c, 979px 1422px #f8e71c, 906px 618px #f8e71c, 892px 247px #f8e71c, 122px 1490px #f8e71c, 971px 1065px #f8e71c, 1465px 1755px #f8e71c, 1214px 1405px #f8e71c, 1414px 1569px #f8e71c, 1933px 866px #f8e71c, 1157px 1209px #f8e71c, 1174px 625px #f8e71c, 343px 1716px #f8e71c, 1589px 610px #f8e71c, 840px 640px #f8e71c, 1683px 24px #f8e71c, 1505px 1206px #f8e71c, 539px 771px #f8e71c, 231px 648px #f8e71c, 780px 102px #f8e71c, 1809px 905px #f8e71c, 1079px 1327px #f8e71c, 412px 1588px #f8e71c, 1550px 300px #f8e71c, 1857px 844px #f8e71c, 1764px 1895px #f8e71c, 1763px 1399px #f8e71c, 1455px 739px #f8e71c, 275px 512px #f8e71c, 1260px 1798px #f8e71c, 46px 819px #f8e71c, 246px 80px #f8e71c, 1061px 623px #f8e71c, 1298px 1877px #f8e71c, 1537px 180px #f8e71c, 1096px 726px #f8e71c, 643px 1364px #f8e71c, 653px 1054px #f8e71c, 1518px 1934px #f8e71c, 673px 262px #f8e71c, 816px 866px #f8e71c, 413px 945px #f8e71c, 1560px 1666px #f8e71c, 1215px 1137px #f8e71c, 871px 1877px #f8e71c, 1850px 870px #f8e71c, 522px 1141px #f8e71c, 1459px 1039px #f8e71c, 1234px 1074px #f8e71c, 159px 1988px #f8e71c, 1936px 481px #f8e71c, 1689px 563px #f8e71c, 1011px 1347px #f8e71c, 368px 790px #f8e71c, 600px 363px #f8e71c, 1189px 959px #f8e71c, 1336px 319px #f8e71c, 63px 1161px #f8e71c, 1328px 1881px #f8e71c, 1782px 1183px #f8e71c, 1676px 1518px #f8e71c, 1538px 1026px #f8e71c, 1844px 1886px #f8e71c, 1949px 1135px #f8e71c, 1669px 1369px #f8e71c, 1060px 1907px #f8e71c, 522px 587px #f8e71c, 1375px 757px #f8e71c, 379px 882px #f8e71c, 1009px 201px #f8e71c, 19px 720px #f8e71c, 1632px 1241px #f8e71c, 301px 397px #f8e71c, 1346px 871px #f8e71c, 1816px 1918px #f8e71c, 609px 599px #f8e71c, 1737px 1044px #f8e71c, 1876px 1629px #f8e71c, 397px 566px #f8e71c, 204px 421px #f8e71c, 1551px 710px #f8e71c, 1978px 1463px #f8e71c, 859px 25px #f8e71c, 1643px 375px #f8e71c, 164px 119px #f8e71c, 916px 609px #f8e71c, 126px 1573px #f8e71c, 656px 147px #f8e71c, 297px 467px #f8e71c, 556px 345px #f8e71c, 1076px 1365px #f8e71c, 524px 1067px #f8e71c, 1945px 1889px #f8e71c, 1669px 1556px #f8e71c, 209px 482px #f8e71c, 1497px 1004px #f8e71c, 747px 1696px #f8e71c, 861px 306px #f8e71c, 1763px 970px #f8e71c, 1800px 1770px #f8e71c, 1137px 1869px #f8e71c, 143px 1217px #f8e71c, 856px 1063px #f8e71c, 1464px 1601px #f8e71c, 1134px 955px #f8e71c, 46px 493px #f8e71c, 717px 1097px #f8e71c, 740px 1019px #f8e71c, 1925px 676px #f8e71c, 1933px 908px #f8e71c, 1611px 1406px #f8e71c, 1596px 1770px #f8e71c, 36px 1px #f8e71c, 923px 699px #f8e71c, 1418px 1085px #f8e71c, 1421px 169px #f8e71c, 383px 763px #f8e71c, 58px 848px #f8e71c, 1414px 757px #f8e71c
}

#stars2:after,
#stars3:after,
#stars:after {
    content: " ";
    top: 2000px
}

#stars3,
#stars3:after {
    position: relative;
    z-index: -10;
    width: 3px;
    height: 3px;
    box-shadow: 1936px 352px #e4498f, 976px 546px #e4498f, 1255px 1061px #e4498f, 187px 1312px #e4498f, 1445px 1296px #e4498f, 1736px 517px #e4498f, 733px 1672px #e4498f, 1508px 590px #e4498f, 1079px 471px #e4498f, 533px 1855px #e4498f, 1734px 1540px #e4498f, 1814px 190px #e4498f, 1456px 841px #e4498f, 852px 751px #e4498f, 908px 1227px #e4498f, 580px 342px #e4498f, 418px 49px #e4498f, 1881px 1489px #e4498f, 103px 1130px #e4498f, 395px 1686px #e4498f, 145px 345px #e4498f, 336px 1529px #e4498f, 166px 10px #e4498f, 1193px 228px #e4498f, 1355px 191px #e4498f, 76px 1032px #e4498f, 581px 1382px #e4498f, 218px 904px #e4498f, 486px 859px #e4498f, 1470px 1856px #e4498f, 363px 1240px #e4498f, 310px 375px #e4498f, 336px 927px #e4498f, 1645px 734px #e4498f, 147px 77px #e4498f, 601px 1379px #e4498f, 948px 1867px #e4498f, 1468px 585px #e4498f, 1373px 1603px #e4498f, 477px 248px #e4498f, 649px 1417px #e4498f, 475px 242px #e4498f, 1789px 750px #e4498f, 480px 2000px #e4498f, 1482px 1250px #e4498f, 1381px 1865px #e4498f, 1579px 925px #e4498f, 1217px 1174px #e4498f, 242px 1028px #e4498f, 892px 1521px #e4498f, 6px 339px #e4498f, 1915px 974px #e4498f, 1470px 1683px #e4498f, 1937px 51px #e4498f, 1391px 1693px #e4498f, 881px 1643px #e4498f, 1640px 1960px #e4498f, 337px 1387px #e4498f, 222px 1863px #e4498f, 1144px 1237px #e4498f, 1293px 1805px #e4498f, 1167px 964px #e4498f, 824px 270px #e4498f, 1347px 1400px #e4498f, 889px 328px #e4498f, 1386px 635px #e4498f, 1002px 118px #e4498f, 800px 1007px #e4498f, 1150px 1068px #e4498f, 692px 1394px #e4498f, 1449px 1734px #e4498f, 564px 811px #e4498f, 1770px 839px #e4498f, 630px 321px #e4498f, 1139px 32px #e4498f, 971px 1722px #e4498f, 1007px 538px #e4498f, 1090px 717px #e4498f, 577px 1557px #e4498f, 1317px 191px #e4498f, 1769px 771px #e4498f, 1538px 775px #e4498f, 187px 624px #e4498f, 384px 1448px #e4498f, 71px 1612px #e4498f, 550px 249px #e4498f, 273px 1434px #e4498f, 1771px 753px #e4498f, 647px 1801px #e4498f, 1723px 283px #e4498f, 123px 1606px #e4498f, 557px 1975px #e4498f, 157px 1533px #e4498f, 327px 721px #e4498f, 1180px 546px #e4498f, 412px 1400px #e4498f, 1533px 110px #e4498f, 1669px 1780px #e4498f, 1829px 1352px #e4498f, 324px 335px #e4498f
}

.nav-link,
a {
    text-decoration: none;
    color: #fff
}

.login,
.nav-link,
.p1-techno,
.span1,
a,
a:hover {
    color: #fff
}

#faq .accordion-body,
#faq .accordion-header,
#foot .foot-contact {
    font-family: 'Fredoka', sans-serif;
    font-weight: bold;
}

#faq,
#rocket {
    background-position: center;
    background-color: #2a264a
}

#faq,
#foot,
#rocket {
    background-color: #1E2142
}

#foot,
#foot .foot-planet,
#rocket {
    overflow-y: hidden;
    overflow-x: hidden
}

#foot,
#rocket,
body,
html {
    overflow-x: hidden
}

* {
    max-width: 100%;
    margin: 0;
    padding: 0
}

#header {
    margin: 0 auto;
    z-index: 100
}

.stickyan {
    z-index: 200
}

.nav-web {
    background: 0 0
}

.nav-area {
    visibility: hidden
}

.main {
    min-height: 130vh;
    background: url(./assets/Sprinkles.webp) center/cover, url(./assets/Background.png) center/cover
}

#stars,
#stars2,
#stars2:after,
#stars3,
#stars3:after,
#stars:after,
.login,
.login:hover {
    background: 0 0
}

html {
    height: 100%;
    background-color: #1E2142
}

#stars {
    position: relative;
    z-index: -10;
    animation: 50s linear infinite animStar
}

#stars:after {
    position: relative;
    z-index: -10
}

#stars2 {
    position: relative;
    z-index: -10;
    animation: 100s linear infinite animStar
}

#stars2:after {
    position: relative;
    z-index: -10
}

#stars3 {
    animation: 150s linear infinite animStar
}

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

.nav-link {
    font-weight: 700;
    font-size: 1.5rem
}

#main-event-header,
.sub-heading,
.text-header {
    font-weight: 400;
    text-align: center
}

.nav-link:hover {
    border-bottom: 5px solid #fff;
    padding-bottom: 2px;
    color: #fff
}

.login p {
    margin: 5px 10px
}

.login {
    border-radius: 27.5px;
    border: 2px solid #fff
}

.login:hover {
    border: 2px solid #e4498f;
    color: #e4498f
}

.black {
    background: #1e2040;
    display: inline-block
}

#header .btn {
    background-color: transparent;
    border-radius: 134px;
    min-width: 1rem;
    border-color: #fff;
    border-width: medium
}

.main .btn {
    border: none;
    background: linear-gradient(180deg, #df7c88 0, #efa3c3 100%);
    border-radius: 27.5px;
    width: 12rem
}

.span1 {
    background-image: url(./assets/Vector.webp);
    background-repeat: no-repeat;
    background-size: 100% .1em;
    background-position: 0 100%;
    font-size: 3rem;
    line-height: 3rem
}

.p1-techno {
    font-size: 25px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 30px;
    padding: 2rem;
    text-align: justify;
    font-family: fredoka
}

#benefits,
.bod {
    background-color: #1e2142
}

.bod {
    min-height: 50vh
}
.planet-timeline1 {
    position: absolute;
    z-index:100;
    top: 0;
    left: 0;
    transform: translate(-170px, 90px);
    /* transform: translateX(50px); */
}

.planet-timeline2 {
    position: absolute;
    z-index:100;
    bottom: 0;
    right: 0;
    transform: translate(900px, 30px);

    /* transform: translateX(50px); */
}
.butcon button {
    background: linear-gradient(180deg, #4d3368 0, #6d368c 100%);
    border-radius: 27.5px;
    border: transparent
}

.butcon {
    display: flex;
    justify-content: flex-end;
    background-color: #1c2444
}

@media screen and (max-width:950px) {
    .butcon {
        width: 100%;
        display: flex;
        justify-content: center
    }
}

.planet-1 {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    width: 30%;
    height: 35vh;
    background: url(./assets/finale-removebg-preview.webp) center/cover;
    opacity: 90%
}

.event-desc,
.events-footer,
.left,
.rocket-img,
.sub-heading,
.text-header,
body {
    position: relative
}

.main .btn .learn {
    transition: color .5s ease-in-out
}

.main .btn .learn:hover {
    color: #3e315c
}

.main .btn:hover {
    background: #f5b0c9
}

#about-us .btn:focus,
#header .btn:focus,
.main .btn:focus {
    outline: 0;
    box-shadow: none
}

#header .btn:hover {
    border-color: #e4498f;
    color: #e4498f
}

#about-us .btn:hover {
    background: #6e408f
}

#about-us .now {
    transition: color .3s ease-in-out
}

#about-us .now:hover,
.text-sosmed:hover {
    color: #f7f0ae
}

@media only screen and (max-width:800px) {
    .logoz {
        width: 500px
    }
    .butcon button,
    .main .btn,
    .nav-link {
        font-size: 3vw
    }
    #header .btn {
        font-size: 2vw
    }
    .span1 {
        font-size: 4vw;
        line-height: 2rem
    }
    .p1 {
        font-size: 10px;
        padding: 1rem
    }
    .planet-1 {
        top: 20%;
        width: 30%;
        height: 30%;
        opacity: 50%
    }
    .bod {
        min-height: 45vh
    }
}

body {
    font-family: Excluded, sans-serif;
    margin: 0
}

.events {
    flex-direction: column;
    color: #201f41;
    background: #1E2142
}

.carousel-control-next,
.carousel-control-prev {
    width: 8%;
    top: 8.5rem
}

.event-wrapper {
    background: #343154;
    padding: 25px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    background-size: 100% 100%;
    border-radius: 33px;
    display: flex;
    margin-left: 5.5rem;
    margin-right: 5.5rem
}

@media screen and (max-width:400px) {
    .event-wrapper {
        padding: 5px
    }
}

.event-wrapper-content {
    display: flex;
    justify-content: center;
    padding-top: 2.5rem
}

.events-content {
    padding-bottom: 3rem
}

.text-header {
    font-size: 70px;
    color: #ffffff
}

.text-header-hr {
    background: linear-gradient(270deg, #7a299f 6.25%, #f0a3c3 103.55%);
    max-width: 451px;
    height: 4px;
    margin: auto
}

.sub-heading {
    padding: 60px;
    font-family: Excluded;
    font-style: normal;
    font-size: 40px;
    line-height: 34px
}

.events-content,
.main-event-content {
    position: relative;
    justify-content: space-evenly
}

.event-desc {
    padding-left: 60px;
    font-family: 'Fredoka';
    font-weight: bold;
    color: #ffffff
}

#faq,
#rocket {
    font-family: Excluded, sans-serif
}

.event-desc p,
.main-event-desc p {
    font-size: 25px;
    line-height: 30.25px;
    text-align: justify
}

.header-event-desc,
.header-main-event-desc {
    font-family: Excluded, sans-serif;
    font-size: 30px;
}

@font-face {
    font-family: Fredoka;
    src: url(./Asset/Fredokafont/Fredoka-VariableFont_wdth\,wght.ttf) format("truetype")
}

.button {
    border-radius: 27.5px;
    outline: 0;
    width: 209px;
    height: 55px;
    color: #fff;
    background: linear-gradient(180deg, #7a299f 0, #6d368c 100%);
    font-family: Fredoka;
    font-size: 25px;
    font-style: normal;
    margin-top: 32px;
    transition: none;
    border: none;
    float: right
}

.button:hover {
    background: #642480
}

.left {
    left: 0
}

.right,
.rocket-img img {
    position: absolute;
    right: 0
}

.fix-gap {
    position: absolute;
    display: block;
    top: 233px;
    padding-top: 5px;
    background: #2a264a
}

.main-event {
    background: url(./Asset/Sprinkles/Main\ events\ sprinkles.webp) 0 0/132vw 100vw, url(./Asset/Background/Main-events-bg.png;) 0 0/80% 55% no-repeat #1E2142;
    padding-right: 0 !important;
    padding-left: 0 !important;
    background-position-x: center, 3.9rem;
    color: #fff;
    overflow: hidden
}

.main-event-wrapper {
    background: rgba(64, 61, 94, .5);
    background-size: 100vw 100vw;
    border-radius: 65px;
    display: flex;
    margin-top: 6.875rem;
    margin-left: 5.5rem;
    margin-right: 5.5rem
}

.wrapper-content {
    padding-top: 5rem;
    padding-bottom: 5rem;
    z-index: 50
}

.header-main-event-desc {
    padding-top: 65px
}

#main-event-header {
    font-size: 70px;
    line-height: 60px
}

.main-event-hr {
    background: linear-gradient(270deg, #6d358c 6.25%, rgba(234, 171, 84, .2));
    margin: auto;
    max-width: 590px;
    height: 4px
}

#rocket,
.things-to-prepare {
    background-size: contain, 100%
}

.main-event-content {
    padding-bottom: 4rem
}

.main-event-desc {
    position: relative;
    padding-left: 60px;
    font-family: 'Fredoka';
    font-weight: bold;
    padding-right: 45px
}

.satelite {
    position: relative;
    top: -5.3rem;
    margin-left: 6rem;
    max-width: fit-content
}

.main .btn,
.main img,
.satelite-img img {
    position: relative;
    z-index: 100
}

.things-to-prepare {
    background-image: url(./Asset/Sprinkles/Things\ to\ prepare.webp), url(./Asset/Background/Vector-swirli.png);
    background-repeat: no-repeat, no-repeat;
}

.ttp-hr {
    background: linear-gradient(270deg, #6d358c 6.25%, rgba(234, 171, 84, .2));
    margin: auto;
    max-width: 880px;
    height: 4px
}

.ttp-content {
    margin-left: 5.25rem;
    margin-right: 5.25rem
}

.ttp-wrapper {
    display: flex;
    margin-top: 110px;
    transition: transform .3s cubic-bezier(.155, 1.105, .295, 1.12), box-shadow .3s, -webkit-transform .3s cubic-bezier(.155, 1.105, .295, 1.12);
    cursor: pointer;
    z-index: 1
}

.ttp-wrapper:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06)
}

.ttp-content-img {
    background: linear-gradient(0deg, #3e315c, #3e315c);
    border-radius: 33px 33px 0 0;
    padding: 5rem 5rem 4rem
}

.ttp-content-desc {
    background: linear-gradient(180deg, #f0a3c3 0, rgba(223, 124, 136, .8) 10%);
    border-bottom-left-radius: 33px;
    border-bottom-right-radius: 33px;
    justify-content: center;
    padding-top: 1.3rem
}

.ttp-content-desc-text {
    font-size: 1.875rem;
    text-align: center;
    padding-bottom: 1.3rem
}

.astronaut-img {
    position: relative;
    top: -4rem;
    left: 34%;
    max-width: fit-content
}

@media screen and (max-width:1326px) {
    .img-event img,
    .img-main-event img {
        width: 100%;
        height: auto
    }
}

.img-main-event {
    padding-left: 2rem
}

@media screen and (max-width:350px) {
    .ttp-wrapper {
        width: 100%
    }
    .ttp-content-img img {
        text-align: center;
        margin: auto
    }
}

@media screen and (max-width:991px) {
    .img-event,
    .img-main-event,
    .register-button {
        text-align: center
    }
    .button {
        float: none
    }
    .img-event {
        margin-top: 30px;
        margin-bottom: 40px
    }
    .img-main-event {
        margin-top: 60px
    }
    .event-desc {
        padding-left: 0
    }
}

@media screen and (max-width:780px) {
    .events-footer img {
        width: 300px
    }
    .fix-gap {
        top: 233px
    }
    .main-event-hr {
        width: 50vw
    }
    .ttp-content {
        flex-direction: column
    }
    .rocket {
        top: -98rem;
        float: right
    }
    .astronaut-img img {
        width: 100%;
        height: auto
    }
}

@media (max-width:1000px) {
    .sub-heading {
        padding: 30px
    }
}

@media screen and (max-width:532px) {
    .text-header {
        font-size: 10vw
    }
    .text-header-hr {
        width: 50vw
    }
    .sub-heading {
        font-size: 8vw;
        padding-left: 0;
        padding-right: 0
    }
    .event-desc p,
    .header-event-desc,
    .main-event-desc,
    .main-event-desc p {
        font-size: 5vw
    }
    .main-event-desc {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .button {
        width: 30vw;
        font-size: 4vw
    }
    .events-footer img {
        width: 35vw
    }
    .fix-gap {
        top: 29vw
    }
    .astronaut-img {
        left: 0
    }
}

#faq .line,
.dewaWebCenter img {
    width: 15%
}

@media screen and (max-width:600px) {
    .main-event-wrapper {
        margin-left: 2rem;
        margin-right: 2rem
    }
}

@media screen and (max-width:330px) {
    .main-event-wrapper {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .main-event-desc {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

#faq {
    background-image: url('./Asset/Sprinkles/Faq\ sprinkles.webp');
    background-repeat: repeat;
    background-size: contain
}

#faq .faq-text,
#rocket .partner-text {
    font-size: 60px;
    font-weight: 400
}

#faq .accordion-collapse {
    border: 0
}

#faq .accordion-button {
    padding: 0;
    border: 0;
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    text-align: left;
    border-bottom: 1px solid #ffffff;
    box-shadow: none;
    font-weight: bold;
}

#faq .accordion-button:not(.collapsed) {
    background: 0 0;
    border: none;
    color: #df7c88
}

#faq .accordion-body {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 20px;
    color: #ffffff;
    text-align: justify
}

#faq .mt-5 h1,
#faq .title,
.real {
    text-align: center
}

#faq .accordion-button::after {
    background-image: url("./Additional/plus_0.png")
}

#faq .accordion-button:not(.collapsed)::after {
    background-image: url("./Additional/minus.png")
}

#faq .title {
    padding: 10px;
    background: linear-gradient(180deg, #F0A3C3, #DF7C88);
    border-radius: 20px 20px 0 0;
    color: #fff;
    font-weight: 400;
    font-size: 40px
}

#faq .accordion-header {
    padding-left: 30px;
    padding-right: 30px;
}

#rocket .partner,
#rocket .sponsorship {
    padding-left: 100px;
    padding-top: 200px
}

#faq .accordion {
    background: linear-gradient(180deg, #201F41, #422E53);
    padding-bottom: 40px;
    border-radius: 20px
}

#faq .line,
#rocket .line {
    height: 4px;
    background: linear-gradient(270deg, #6d358c 6.25%, rgba(234, 171, 84, .2))
}

#rocket {
    background-image: url('./Asset/Sprinkles/Our\ partners\ sprinkles.webp'), url('./Asset/Background/bg-our-partners.png');
    background-repeat: repeat, no-repeat;
    background-color: #1E2142;
}

#rocket .line {
    width: 45%
}

#benefits #benefit-land,
#foot,
#foot .foot-sprinkle {
    background-repeat: no-repeat;
    background-size: cover
}

#rocket .partner {
    text-align: right;
    padding-right: 100px
}

#rocket .powered {
    padding-top: 200px
}

#rocket .rocket-image {
    padding: 0!important;
    margin: 0!important
}

#rocket .planet {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: flex-end;
    transform: translateX(160px);
    z-index: 0
}

#rocket .planet-kiri {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: flex-start;
    transform: translateX(-180px) rotate(40deg);
    z-index: 0;
}

@media(max-width:576px) {
    #faq .faq-text,
    #rocket .partner-text {
        font-size: 45px
    }
    #faq .title {
        font-size: 30px
    }
    #faq .accordion-button {
        font-size: 25px
    }
    #faq .accordion-body {
        font-size: 15px
    }
    #rocket .planet,
    #rocket .planet-kiri {
        display: none
    }
    #rocket .sponsorship {
        padding-left: 0;
        text-align: center
    }
    #rocket .partner {
        padding-right: 0;
        text-align: center
    }
}

@media(min-width:576px) {
    #rocket .planet,
    #rocket .planet-kiri {
        display: block
    }
}

#foot {
    background-image: url('Asset/Footer/background footer-min.webp');
    background-position-x: center;
    background-position-y: top;
    height: 670px
}

#foot p {
    margin-bottom: 0
}

#foot .foot-sprinkle {
    background-image: url('Asset/Footer/Sprinkles.webp');
    min-height: 100%;
    background-position: center
}

#foot .foot-padding {
    padding-top: 50px;
    display: flex;
    justify-content: space-evenly
}

#foot .foot-contact {
    color: #fff;
    font-size: 30px;
    text-align: center
}

#foot .foot-copyright,
.text-sosmed {
    font-family: 'Fredoka', sans-serif;
    font-weight: bold;
    font-size: medium;
    color: #fff
}

#foot .foot-garis {
    height: 1px;
    width: 140%;
    background-color: #fff
}

#foot .foot-instagram,
#foot .foot-line {
    display: flex;
    align-items: center;
    padding-top: 30px
}

.text-sosmed {
    padding-left: 10px;
    transition: color .3s
}

#foot .foot-astronotkiri img {
    width: auto;
    height: 264px
}

#foot .foot-astronotkanan img {
    width: auto;
    height: 264px;
    transform: scaleX(-1)
}

#foot .foot-blackhole img {
    position: absolute;
    right: .7%;
    top: 12%;
    width: 130px
}

#foot .foot-logo {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center
}

#foot .foot-logobinus img {
    width: 220px
}

#foot .foot-logotechno img {
    width: 508px
}

#foot .foot-copyright {
    display: flex;
    justify-content: center;
    padding-top: 50px;
    text-align: center
}

#foot .foot-planet img {
    transform: translateX(150px) translateY(100px);
    width: 100%
}

#foot .foot-planet {
    position: absolute;
    right: 0;
    bottom: 0
}

button.button {
    background: #753f8e
}

.blackhole {
    height: 115px;
    width: 155px
}

.hole {
    display: flex;
    align-items: center;
    justify-content: center
}

.foot-paddings {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    width: 80%;
    padding-left: 10%
}

.planets {
    transform: translate(120px, -50px);
    display: flex;
    justify-content: flex-end
}

.foot-logobinus {
    display: flex
}

.dewaWebCenter {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px
}

.sprinkleBaru {
    background: #000;
    position: relative;
    top: 0;
    left: 0
}

.childImage {
    position: absolute;
    top: 12%;
    left: 0;
    z-index: 1
}

.supportedBy {
    font-family: Excluded;
    font-size: 60px;
    font-weight: 400
}

img.planetBaru {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-170px, 90px);
    z-index:100;
    height: 200px;
    width: 350px
}
img.planetBaru2 {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: rotate(32deg) translate(210px, 0px);
    z-index:100;
    height: 250px;
    width: 370px
}
@media screen and (max-width:550px){
    img.planetBaru2, img.planetBaru{
        display:none;
    }
}
@media screen and (max-width:1015px){
    img.planetBaru2{
        transform: rotate(32deg) translate(210px, -10px);
    }
}
@media (min-height: 1180px) and (max-height: 1180px) and (min-width: 820px) and (max-width: 820px) {
    img.planetBaru2{
        transform: rotate(32deg) translate(140px, -110px);
    }
}
@media (min-height: 1024px) and (max-height: 1024px) and (min-width: 768px) and (max-width: 768px) {
    img.planetBaru2{
        transform: rotate(32deg) translate(140px, -70px);
    }
}
@media (min-height: 1368px) and (max-height: 1368px) and (min-width: 912px) and (max-width: 912px) {
    img.planetBaru2{
        transform: rotate(32deg) translate(120px, -120px);
    }
}

.eventSet,
.mainEvent {
    display: flex;
    align-items: center
}

.ttp-contents {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    width: 81%;
    justify-content: space-around
}

@media screen and (max-width:600px) {
    .ttp-contents {
        width: 100%
    }
}

@media screen and (max-width:1000px) {
    .eventSet,
    .mainEvent {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

#benefit-land,
.benefitCards {
    z-index: 10
}

.timelineBorder {
    width: 40%;
    border-bottom: 3px solid #6d368c;
    border-radius: 20px
}

.planet-timeline1 {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-170px, 90px)
}

.planet-timeline2 {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(140px, 30px)
}

.tahunAngka {
    right: .5rem;
    bottom: .9rem
}

@media screen and (max-width:952px) {
    .blackhole {
        display: none
    }
    #foot {
        height: 880px
    }
    .hole {
        padding: 0;
        width: 100%
    }
    .foot-paddings {
        justify-content: center;
        column-gap: 30px;
        width: 100%;
        padding-left: 0
    }
    .foot-logobinus {
        display: flex;
        flex-direction: column
    }
    .supportedBottom {
        padding-top: 100px
    }
}

@media screen and (max-width:500px) {
    .imageLink {
        width: 100%
    }
}

@media screen and (max-width:720px) {
    .foot-logotechno {
        margin-bottom: 40px
    }
    .planets {
        transform: translate(120px, 0)
    }
    #foot {
        height: 1000px
    }
}

@media (min-width:721px) and (max-width:952px) {
    .planets {
        transform: translate(120px, 0)
    }
}

@media (min-width:953px) and (max-width:1023px) {
    .planets {
        transform: translate(150px, -30px)
    }
}

@media (min-width:1024px) and (max-width:1069px) {
    .planets {
        transform: translate(140px, -30px)
    }
}

@media screen and (max-width:393px) {
    .ttp-content-img {
        display: flex;
        justify-content: center
    }
    .things-to-prepare .px-5 {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (max-width:820px) {
    .bod {
        padding-right: 0;
        padding-bottom: 0
    }
    .p1-techno {
        margin: 20px 0;
        padding: 1rem
    }
}

@media (max-width:600px) {
    .foot-astronotkanan,
    .foot-astronotkiri {
        display: none
    }
}

@media screen and (max-width:445px) {
    .header-event-desc,
    .header-main-event-desc {
        font-size: 5.5vw
    }
    .event-desc p,
    .main-event-desc p {
        font-size: 5vw
    }
    .event-wrapper {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
    .ttp-content-img img {
        width: 30vw;
        height: auto
    }
    .bod .p1-techno {
        margin-left: 0;
        font-size: 4vw
    }
    .butcon button {
        font-size: 3vw
    }
    .bod .whatzz {
        margin-left: 0
    }
    .bod {
        padding-top: 10px
    }
}

@media(max-width:400px) {
    .supportedBy {
        font-size: 35px
    }
}

@media(max-width:490px) {
    .supportedBy {
        font-size: 30px
    }
}

@media(max-width:414px) {
    #rocket .partner-text {
        font-size: 30px
    }
    .partners .text {
        transform: translateX(-3rem);
        font-size: 35px
    }
    .supportedBy {
        font-size: 28px
    }
    .foot-copyright {
        text-align: center
    }
}

@media(max-width:830px) {
    a.dewaWebCenter img {
        width: 30%
    }
}

@media(max-width:354px) {
    #foot .foot-astronotkanan img,
    #foot .foot-astronotkiri img {
        display: none
    }
    .foot-paddings {
        padding-bottom: 50px
    }
}

@media(max-width:330px) {
    .isiTimeline .w-64 {
        width: 10rem
    }
}

@media(min-height:1024px) and (max-width:1023px) {
    .planets {
        padding-top: 100px
    }
}

@media(min-height:1024px) and (min-width:1024px) {
    .planets {
        padding-top: 10px
    }
}

.learnMore:hover {
    opacity: .7
}

.isi {
    width: 16rem;
    height: 7rem
}

@media (min-height:653px) and (max-height:653px) and (min-width:280px) and (max-width:280px) {
    .isi {
        width: 10rem;
        height: 5rem
    }
}

@media (min-height:1180px) and (max-height:1180px) and (min-width:820px) and (max-width:820px) {
    .planet-1 {
        background-position: 0 0;
        background-size: auto
    }
    .isi {
        width: 25rem;
        height: 12rem
    }
}

@media (min-height:1024px) and (max-height:1024px) and (min-width:768px) and (max-width:768px) {
    .isi {
        width: 20rem;
        height: 9rem
    }
    .main .btn {
        width: 18rem
    }
}

@media (min-height:1368px) and (max-height:1368px) and (min-width:912px) and (max-width:912px) {
    .planet-1 {
        background-position: 0 0;
        background-size: auto
    }
    .butcon {
        padding-top: 80px
    }
    .isi {
        width: 29rem;
        height: 12rem
    }
}

@font-face {
    font-family: excluded;
    src: url('font/Excluded.ttf')
}

@font-face {
    font-family: fredoka;
    src: url('font/Fredoka-VariableFont_wdth\,wght.ttf')
}

#benefits {
    height: 100%
}

#benefits #box-benefits {
    padding: 5% 0 10%;
    display: flex;
    justify-content: center;
    align-items: center
}

#benefits .outer-box {
    border-radius: 66px;
    padding: 60px 0 50px;
    height: auto;
    width: 90%;
    background: rgba(64, 61, 94, .5);
    margin-left: 30px;
    margin-right: 30px;
    align-items: center;
    justify-content: center;
    opacity: 1
}

#benefits .under-line {
    width: 472px;
    height: 4px;
    background-image: linear-gradient(to right, rgba(234, 171, 84, 0), #6d358c)
}

#benefits #inner-box {
    position: relative;
    display: grid;
    padding: 20px 0 50px;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: 'satu dua tiga'
}

#benefits .content-box-1 {
    position: relative;
    border-radius: 33px;
    padding: 0;
    height: 450px;
    width: 350px;
    margin-left: 40px;
    margin-right: 40px;
    justify-content: center;
    grid-area: satu
}

#benefits .content-box-2,
#benefits .content-box-3 {
    position: relative;
    border-radius: 33px;
    height: 450px;
    width: 350px;
    margin-left: 40px;
    margin-right: 40px;
    justify-content: center;
    padding: 0
}

#benefits .content-box-2 {
    grid-area: dua
}

#benefits .content-box-3 {
    grid-area: tiga
}

#benefits .lower-box,
#benefits .upper-box {
    position: absolute;
    width: 100%;
    justify-content: center
}

#benefits .upper-box {
    border-top-right-radius: 33px;
    border-top-left-radius: 33px;
    height: 81%;
    background-image: linear-gradient(#201f41, #3e315c);
    top: 0;
    align-items: center
}

#benefits .lower-box {
    display: flex;
    padding: 25px;
    height: 19%;
    background-image: linear-gradient(#efa3c3, rgba(223, 124, 136, .8));
    border-bottom-left-radius: 33px;
    border-bottom-right-radius: 33px;
    bottom: 0;
    align-items: center
}

#benefits .content-image {
    margin-top: 50px;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    justify-content: center
}

#benefits .content-image img {
    height: 131px
}

#benfits .content-text {
    position: relative;
    padding-left: 50px;
    padding-right: 50px
}

#benefits .outer-box p {
    font-family: excluded;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 70px
}

#benefits .lower-box p {
    font-family: excluded;
    text-align: center;
    font-size: 35px;
    line-height: 23px
}

#benefits .content-text p {
    font-weight: 600;
    font-family: fredoka;
    font-size: 16px;
    margin-top: 40px;
    padding-left: 10px;
    padding-right: 10px
}

#benefits #benefit-land {
    position: relative;
    background-image: url(Asset/Land/Benefit\ land.webp);
    background-position: center top;
    height: 250px;
    margin: 0;
    padding: 0
}

@media only screen and (max-width:1330px) {
    #benefits #inner-box {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: 'satu dua''tiga tiga';
        justify-content: center;
        align-items: center;
        gap: 50px
    }
    #benefits #benefit-land {
        height: 180px;
        margin: 0
    }
}

@media only screen and (max-width:1000px) {
    #benefits #inner-box {
        display: block
    }
    #benefits .content-box-1,
    #benefits .content-box-2 {
        margin-bottom: 50px
    }
    #benefits #benefit-land {
        height: 130px;
        margin: 0
    }
}

@media only screen and (max-width:678px) {
    #benefits .outer-box p {
        font-size: 30px
    }
    #benefits .content-text p {
        font-size: 20px
    }
    #benefits .content-image {
        justify-content: center;
        height: 25%
    }
}

@media(max-width:425px) {
    #benefits .outer-box p {
        font-size: 22px
    }
    #benefits .content-text p {
        font-size: 15px;
        margin-top: 80px
    }
}

@media(max-width:320px) {
    #faq .accordion-button,
    #faq .title {
        font-size: 20px
    }
    #benefits .content-image {
        margin-top: 50px
    }
}

@media(max-width:425px) and (min-width:321px) {
    #benefits .lower-box {
        height: 21%
    }
    #benefits .content-image {
        margin-top: 30px
    }
}

.card.t1 {
    z-index: 7;
    transition: .5s ease-in-out 0.1ms;
    opacity: 1;
    transform: translate(0, 0) scale(1)
}

.card.t2,
.card.t2-alt {
    transition: .5s ease-in-out 25ms;
    z-index: 6;
    opacity: 1
}

.card.t2 {
    transform: translate(0, -30%) scale(.8)
}

.card.t2-alt {
    transform: translate(0, 30%) scale(.8)
}

.card.t3,
.card.t3-alt {
    transition: .5s ease-in-out 25ms;
    z-index: 5
}

.card.t3 {
    opacity: 1;
    transform: translate(0, -55%) scale(.7)
}

.card.t3-alt {
    opacity: 1;
    transform: translate(0, 55%) scale(.7)
}

.card.t4,
.card.t4-alt {
    transition: .5s ease-in-out 25ms;
    z-index: 4;
    opacity: 1
}

.card.t4 {
    transform: translate(0, -75%) scale(.56)
}

.card.t4-alt {
    transform: translate(0, 75%) scale(.56)
}

.card {
    transition: .2s ease-in;
    opacity: 0;
    transform: scale(.2)
}

#indicator,
.bullet-timeline {
    transition: .4s ease-in-out
}

.timeline-heading {
    font-family: Excluded, sans-serif;
    font-weight: 800;
    font-size: 35px
}

.btn-menu,
.btn-menu-line1,
.btn-menu-line2 {
    display: none
}

.introduction {
    z-index: 110;
    transform: translateY(-20px);
    padding: 30px 50px
}

.aboutContent {
    display: flex;
    justify-content: center;
    align-items: center
}

.baru {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media only screen and (max-width:442px) {
    .containerTimeline {
        padding-top: 100px
    }
}

@media only screen and (max-width:950px) {
    .introduction {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%
    }
    .baru {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 0;
        margin-bottom: 0
    }
    .butcon button {
        width: 15rem
    }
}

@media (max-width:767px) {
    .whatzz {
        font-size: 1.5rem
    }
}

@media only screen and (max-width:1023px) {
    .nav-web {
        display: none
    }
    .btn-menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff;
        width: 40px;
        height: 40px;
        border-radius: 2px;
        transition: .5s ease-in-out;
        cursor: pointer;
        background-color: #f9ed87;
        z-index: 1
    }
    .btn-menu-line1,
    .btn-menu-line2 {
        display: block;
        width: 25px;
        height: 4px;
        border: 2px solid #26193c;
        transition: .5s ease-in-out;
        margin: 3px 0
    }
    .btn-menu-line1.open {
        transform: rotate(45deg) translate(3px, 4px)
    }
    .btn-menu-line2.open {
        transform: rotate(-45deg) translate(3px, -4px)
    }
    .nav-area {
        position: fixed;
        width: 12rem;
        border-radius: 7px 0 0 7px;
        top: 0;
        right: 0;
        background: linear-gradient(180deg, #df7c88 0, #efa3c3 100%);
        opacity: 0;
        visibility: hidden;
        transition: .5s ease-out;
        height: 100%;
        z-index: 0
    }
    .nav-area.unhideMenu {
        opacity: 1;
        visibility: visible;
        transition: .5s
    }
    .nav-item a {
        color: #f5f5f5;
        border-bottom: 1px solid #fff;
        text-align: center
    }
    .introduction p {
        font-size: 16px
    }
    .login-mobile p {
        padding: 5px 8px
    }
    .login-mobile {
        border-radius: 27.5px;
        background: 0 0;
        border: 2px solid #fff;
        color: #fff;
        width: 50%;
        margin-left: 3rem
    }
    .login-mobile:hover {
        border: 2px solid #f9ed87;
        color: #f9ed87;
        background: 0 0
    }
}

@media (min-width:367px) and (max-width:430px) {
    .planets {
        transform: translate(120px, 20px)
    }
}

.benefit-text {
    font-family: excluded;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 70px
}

@media (max-width:678px) {
    .benefit-text {
        font-size: 10vw
    }
}

.text-year {
    line-height: 2.25rem;
}

@media (min-width: 1024px) and (min-height: 1080px) {
    .timeline-line {
        width: 0.45rem !important;
    }
    .timeline-titik {
        min-width: 0.95rem !important;
        height: 0.95rem !important;
    }
    .timeline-select-line {
        height: 0.35rem !important;
    }
    .container-card-timeline {
        width: 300px !important;
        height: 140px !important;
    }
    .card-timeline {
        width: 300px !important;
        background-position: center !important;
        height: 140px !important;
    }
    .line-timeline {
        right: 0.2rem !important;
    }
    .text-year {
        right: 0rem !important;
    }
    .container-all-timeline {
        width: 45% !important;
    }
}

@media (max-width: 768px) {
    .timeline-heading {
        font-size: 10vw !important;
    }
}

@media (max-width: 425px) {
    .header-main-event-desc {
        text-align: center;
    }
}

@media (max-width: 532px) {
    .mainEvent {
        margin-right: 0px !important;
    }
    .main-event-desc {
        padding-left: 3rem;
    }
}

@media (max-width: 727px) {
    #foot .foot-logotechno {
        width: 308px;
        padding-top: 40px;
    }
}

.bumitimeline {
    position: absolute;
    width: 515px;
    height: 500px;
    right: 1150px;
    z-index: 100;
}

.bumitimeline2 {
    position: absolute;
    width: 300px;
    bottom: -40px;
    z-index: 100;
    transform: translateX(750px) rotate(35deg);
}