body,
.navbar,
ul,
h1,
p {
    margin: 0;
    padding: 0;
}

.navbar-hamburger {
    width: 40px;
    height: 40px;
    margin: 5px 15px 5px 5px;
}

nav div ul {
    display: inline-block;
}

nav div ul li {
    list-style-type: none;
    margin: 10px 22px;
    text-align: right;
}

.navbar-logo-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.navbar-display {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    margin: 5px 5px 5px 15px;
}


/* 2. Styles that change with media query */

.navbar {
    position: relative;
    z-index: 1;
    background-color: black;
    display: flex;
    flex-direction: column;
    min-height: 50px;
}

.navbar-logo {
    width: 30px;
    height: 30px;
    margin: 0 0 5px 0;
}

.navbar-logo-text {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 0 15px;
    color: white;
    font-weight: 400;
    font-size: 0.7em;
}

.navbar-logo-text:hover {
    font-weight: 500;
}

.navbar-links {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

nav div ul li a {
    font-family: 'Noto Sans', sans-serif;
    color: white;
    font-weight: 400;
    font-size: 1.2em;
    text-decoration: none;
}


/* 3. JavaScript styles */

.navbar-hidden-mobile {
    height: 0px;
    transition: 0.5s;
}

.navbar-links-toggle {
    height: 126px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.navbar-anchor {
    display: inline-block;
    transform: translateX(-100vw);
}

/* Background -> main body */
#main-header {
    z-index: -2;
    height: 100%;
    background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
    color: white;
    margin: 0;
    text-align: center;
    padding: 8vh 0.25em 10vh 0.25em;
}

#main-header>.name {
    display: flex;
    flex-direction: column;
    align-items: center;
}


#main-header>.name>h1 {
    text-align: center;
    position: relative;
    z-index: 1;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 2.2em;
}

#main-header>.name>h1:last-child {
    padding-left: 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.6em;
}

#stars {
    z-index: -1;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 31px 352px #FFF, 802px 682px #FFF, 1571px 770px #FFF, 618px 578px #FFF, 13px 696px #FFF, 1597px 439px #FFF, 1455px 621px #FFF, 1545px 1475px #FFF, 1316px 1417px #FFF, 611px 1234px #FFF, 1903px 30px #FFF, 343px 1999px #FFF, 601px 1941px #FFF, 892px 218px #FFF, 1231px 481px #FFF, 1711px 735px #FFF, 725px 717px #FFF, 1578px 1371px #FFF, 23px 731px #FFF, 1936px 1557px #FFF, 849px 650px #FFF, 577px 166px #FFF, 1102px 1789px #FFF, 306px 1162px #FFF, 1594px 1267px #FFF, 313px 1563px #FFF, 1905px 953px #FFF, 77px 351px #FFF, 1646px 763px #FFF, 731px 398px #FFF, 1195px 1189px #FFF, 1439px 642px #FFF, 1192px 1873px #FFF, 1137px 1136px #FFF, 889px 415px #FFF, 357px 1564px #FFF, 698px 1087px #FFF, 822px 768px #FFF, 1205px 926px #FFF, 1053px 244px #FFF, 1056px 1686px #FFF, 1041px 1957px #FFF, 842px 346px #FFF, 896px 1523px #FFF, 579px 1027px #FFF, 902px 1017px #FFF, 1129px 124px #FFF, 1662px 1311px #FFF, 942px 1735px #FFF, 858px 1509px #FFF, 1647px 721px #FFF, 1455px 1926px #FFF, 839px 1858px #FFF, 1911px 704px #FFF, 1158px 1914px #FFF, 625px 1390px #FFF, 1938px 1467px #FFF, 792px 1153px #FFF, 1892px 1993px #FFF, 650px 31px #FFF, 950px 613px #FFF, 19px 1470px #FFF, 1668px 29px #FFF, 423px 1261px #FFF, 1692px 462px #FFF, 66px 235px #FFF, 1094px 692px #FFF, 427px 548px #FFF, 1785px 698px #FFF, 230px 1637px #FFF, 1363px 1301px #FFF, 635px 1881px #FFF, 1863px 103px #FFF, 984px 434px #FFF, 218px 628px #FFF, 1308px 252px #FFF, 682px 1344px #FFF, 627px 1775px #FFF, 1642px 350px #FFF, 113px 970px #FFF, 41px 851px #FFF, 1222px 739px #FFF, 1530px 1773px #FFF, 1679px 1703px #FFF, 1856px 1778px #FFF, 813px 1175px #FFF, 1322px 734px #FFF, 1462px 353px #FFF, 1953px 54px #FFF, 1167px 1036px #FFF, 676px 391px #FFF, 633px 1164px #FFF, 872px 464px #FFF, 840px 1073px #FFF, 1717px 659px #FFF, 1618px 891px #FFF, 331px 215px #FFF, 1136px 150px #FFF, 580px 1948px #FFF, 848px 1969px #FFF, 960px 1066px #FFF, 215px 657px #FFF, 787px 654px #FFF, 1192px 1375px #FFF, 1966px 190px #FFF, 996px 153px #FFF, 3px 843px #FFF, 337px 941px #FFF, 1760px 867px #FFF, 1089px 1630px #FFF, 672px 1823px #FFF, 1202px 1343px #FFF, 1986px 263px #FFF, 209px 617px #FFF, 1186px 1049px #FFF, 244px 1586px #FFF, 1941px 754px #FFF, 1695px 632px #FFF, 1545px 1673px #FFF, 1071px 494px #FFF, 1540px 973px #FFF, 1785px 1250px #FFF, 185px 88px #FFF, 406px 1801px #FFF, 1348px 627px #FFF, 542px 1327px #FFF, 221px 1046px #FFF, 1396px 469px #FFF, 1655px 1121px #FFF, 712px 626px #FFF, 521px 1520px #FFF, 1755px 449px #FFF, 119px 511px #FFF, 992px 1717px #FFF, 405px 693px #FFF, 1293px 79px #FFF, 250px 1376px #FFF, 667px 1573px #FFF, 1px 645px #FFF, 1643px 438px #FFF, 521px 920px #FFF, 527px 1856px #FFF, 331px 10px #FFF, 1078px 809px #FFF, 1431px 881px #FFF, 1530px 1852px #FFF, 1742px 456px #FFF, 1279px 1382px #FFF, 1468px 759px #FFF, 1418px 72px #FFF, 1560px 1828px #FFF, 1567px 1271px #FFF, 1868px 1681px #FFF, 839px 1048px #FFF, 1737px 551px #FFF, 688px 444px #FFF, 1197px 1848px #FFF, 349px 234px #FFF, 1425px 1734px #FFF, 1361px 396px #FFF, 197px 24px #FFF, 401px 1422px #FFF, 1618px 1922px #FFF, 956px 139px #FFF, 1806px 102px #FFF, 560px 819px #FFF, 57px 159px #FFF, 1490px 659px #FFF, 935px 323px #FFF, 197px 1713px #FFF, 63px 1441px #FFF, 522px 1473px #FFF, 983px 701px #FFF, 467px 190px #FFF, 67px 140px #FFF, 1384px 356px #FFF, 85px 487px #FFF, 1698px 1139px #FFF, 1752px 1890px #FFF, 819px 984px #FFF, 1814px 1479px #FFF, 1246px 750px #FFF, 1330px 1949px #FFF, 218px 1357px #FFF, 1610px 1911px #FFF, 253px 375px #FFF, 1653px 134px #FFF, 1819px 360px #FFF, 694px 1419px #FFF, 1147px 1343px #FFF, 1441px 510px #FFF, 68px 561px #FFF, 570px 551px #FFF, 888px 826px #FFF, 1870px 503px #FFF, 495px 1582px #FFF, 1762px 278px #FFF, 818px 1812px #FFF, 1971px 593px #FFF, 332px 512px #FFF, 1987px 337px #FFF, 1944px 1380px #FFF, 568px 449px #FFF, 1529px 717px #FFF, 140px 1166px #FFF, 1181px 1515px #FFF, 524px 805px #FFF, 1745px 750px #FFF, 92px 1555px #FFF, 646px 994px #FFF, 557px 771px #FFF, 23px 144px #FFF, 831px 1637px #FFF, 553px 466px #FFF, 1477px 574px #FFF, 247px 1621px #FFF, 664px 990px #FFF, 357px 899px #FFF, 962px 1547px #FFF, 1673px 637px #FFF, 776px 1743px #FFF, 1965px 1420px #FFF, 1806px 812px #FFF, 1673px 1943px #FFF, 490px 1912px #FFF, 832px 370px #FFF, 1851px 1000px #FFF, 1051px 1505px #FFF, 685px 904px #FFF, 309px 1726px #FFF, 1259px 1077px #FFF, 1075px 16px #FFF, 1798px 468px #FFF, 1637px 515px #FFF, 1730px 300px #FFF, 392px 1867px #FFF, 150px 754px #FFF, 1657px 419px #FFF, 757px 1225px #FFF, 1852px 1222px #FFF, 59px 891px #FFF, 875px 630px #FFF, 1298px 450px #FFF, 511px 760px #FFF, 1821px 1420px #FFF, 1995px 1930px #FFF, 547px 1305px #FFF, 421px 54px #FFF, 1651px 415px #FFF, 273px 1358px #FFF, 988px 320px #FFF, 1200px 560px #FFF, 808px 723px #FFF, 1544px 1605px #FFF, 1884px 1851px #FFF, 642px 1771px #FFF, 1306px 814px #FFF, 1307px 499px #FFF, 411px 752px #FFF, 976px 932px #FFF, 164px 1861px #FFF, 1842px 529px #FFF, 851px 1820px #FFF, 28px 1732px #FFF, 171px 764px #FFF, 1370px 459px #FFF, 1845px 5px #FFF, 895px 366px #FFF, 1847px 313px #FFF, 1592px 1463px #FFF, 50px 847px #FFF, 1550px 426px #FFF, 1811px 669px #FFF, 1743px 103px #FFF, 1566px 307px #FFF, 577px 351px #FFF, 1817px 1085px #FFF, 433px 194px #FFF, 14px 283px #FFF, 848px 1591px #FFF, 200px 810px #FFF, 526px 1390px #FFF, 897px 1099px #FFF, 265px 532px #FFF, 1431px 1187px #FFF, 475px 1176px #FFF, 1749px 1740px #FFF, 1557px 590px #FFF, 1038px 871px #FFF, 326px 1120px #FFF, 1720px 105px #FFF, 1517px 82px #FFF, 1862px 1081px #FFF, 863px 178px #FFF, 1463px 376px #FFF, 769px 1641px #FFF, 334px 1423px #FFF, 191px 1173px #FFF, 275px 607px #FFF, 322px 1558px #FFF, 998px 1667px #FFF, 1763px 640px #FFF, 453px 1450px #FFF, 993px 192px #FFF, 1715px 1926px #FFF, 685px 29px #FFF, 37px 423px #FFF, 744px 1840px #FFF, 1501px 207px #FFF, 549px 1334px #FFF, 582px 1662px #FFF, 869px 434px #FFF, 1771px 480px #FFF, 994px 141px #FFF, 1840px 92px #FFF, 14px 840px #FFF, 569px 170px #FFF, 1651px 1325px #FFF, 1684px 1575px #FFF, 1164px 893px #FFF, 1648px 1446px #FFF, 336px 1158px #FFF, 869px 1888px #FFF, 977px 1950px #FFF, 1129px 1807px #FFF, 963px 1619px #FFF, 1333px 1285px #FFF, 1312px 130px #FFF, 86px 1415px #FFF, 1489px 1722px #FFF, 1228px 655px #FFF, 111px 1609px #FFF, 1198px 2000px #FFF, 939px 853px #FFF, 436px 898px #FFF, 1890px 1161px #FFF, 1840px 60px #FFF, 877px 1833px #FFF, 1449px 1392px #FFF, 590px 566px #FFF, 1701px 996px #FFF, 892px 1170px #FFF, 1004px 108px #FFF, 664px 710px #FFF, 486px 227px #FFF, 1709px 256px #FFF, 1909px 1727px #FFF, 1280px 1836px #FFF, 1686px 508px #FFF, 742px 1826px #FFF, 1453px 1268px #FFF, 1383px 283px #FFF, 1274px 747px #FFF, 18px 1202px #FFF, 1368px 1588px #FFF, 320px 729px #FFF, 527px 1886px #FFF, 1152px 56px #FFF, 1002px 126px #FFF, 1094px 198px #FFF, 561px 272px #FFF, 1996px 401px #FFF, 1432px 546px #FFF, 466px 414px #FFF, 38px 1904px #FFF, 1653px 1352px #FFF, 849px 74px #FFF, 350px 762px #FFF, 1162px 665px #FFF, 335px 1027px #FFF, 100px 156px #FFF, 402px 1843px #FFF, 1420px 1408px #FFF, 378px 904px #FFF, 426px 1653px #FFF, 38px 1116px #FFF, 89px 1376px #FFF, 1677px 1184px #FFF, 1892px 1558px #FFF, 1895px 862px #FFF, 1728px 1327px #FFF, 1277px 143px #FFF, 720px 1441px #FFF, 1995px 774px #FFF, 687px 692px #FFF, 111px 89px #FFF, 554px 746px #FFF, 1414px 608px #FFF, 998px 329px #FFF, 1528px 1967px #FFF, 183px 1529px #FFF, 491px 1743px #FFF, 693px 1987px #FFF, 1830px 1672px #FFF, 1631px 557px #FFF, 1269px 1461px #FFF, 1522px 905px #FFF, 1283px 477px #FFF, 744px 816px #FFF, 1910px 26px #FFF, 439px 13px #FFF, 45px 495px #FFF, 5px 1723px #FFF, 519px 1138px #FFF, 729px 12px #FFF, 286px 1850px #FFF, 597px 1056px #FFF, 1224px 1077px #FFF, 1601px 988px #FFF, 859px 1454px #FFF, 285px 1752px #FFF, 1343px 50px #FFF, 866px 911px #FFF, 1133px 508px #FFF, 217px 949px #FFF, 326px 140px #FFF, 188px 1995px #FFF, 1920px 1595px #FFF, 534px 1215px #FFF, 300px 1107px #FFF, 514px 1181px #FFF, 1400px 670px #FFF, 1346px 541px #FFF, 526px 214px #FFF, 1845px 1699px #FFF, 323px 871px #FFF, 185px 1253px #FFF, 1022px 1950px #FFF, 177px 1460px #FFF, 456px 1021px #FFF, 1533px 40px #FFF, 1359px 604px #FFF, 1048px 496px #FFF, 1578px 1370px #FFF, 1344px 1255px #FFF, 1664px 1196px #FFF, 1989px 702px #FFF, 1519px 851px #FFF, 1860px 40px #FFF, 572px 1313px #FFF, 1284px 1655px #FFF, 150px 16px #FFF, 819px 820px #FFF, 1757px 842px #FFF, 1146px 1508px #FFF, 1577px 1243px #FFF, 426px 1738px #FFF, 1892px 1899px #FFF, 654px 463px #FFF, 1961px 1509px #FFF, 812px 359px #FFF, 75px 1567px #FFF, 368px 122px #FFF, 346px 1411px #FFF, 769px 646px #FFF, 395px 1010px #FFF, 851px 1888px #FFF, 1132px 1148px #FFF, 1715px 1059px #FFF, 1367px 1607px #FFF, 228px 976px #FFF, 488px 806px #FFF, 791px 1873px #FFF, 1197px 55px #FFF, 1931px 1134px #FFF, 106px 495px #FFF, 593px 1508px #FFF, 316px 568px #FFF, 1121px 255px #FFF, 1248px 747px #FFF, 1683px 1092px #FFF, 1017px 1638px #FFF, 1434px 766px #FFF, 897px 1119px #FFF, 1505px 1410px #FFF, 130px 1853px #FFF, 1038px 1840px #FFF, 640px 1887px #FFF, 1016px 1241px #FFF, 1211px 112px #FFF, 1538px 1627px #FFF, 1166px 1582px #FFF, 533px 295px #FFF, 1219px 1703px #FFF, 1621px 1483px #FFF, 512px 1392px #FFF, 1201px 14px #FFF, 197px 658px #FFF, 1504px 1232px #FFF, 1956px 1401px #FFF, 1231px 1783px #FFF, 407px 892px #FFF, 655px 703px #FFF, 1077px 812px #FFF, 1236px 611px #FFF, 1069px 1073px #FFF, 1666px 639px #FFF, 312px 1548px #FFF, 1764px 895px #FFF, 268px 1697px #FFF, 1740px 864px #FFF, 1533px 430px #FFF, 571px 1605px #FFF, 1491px 1546px #FFF, 1886px 239px #FFF, 498px 1854px #FFF, 1871px 801px #FFF, 201px 1407px #FFF, 408px 277px #FFF, 1886px 1464px #FFF, 451px 1177px #FFF, 617px 1712px #FFF, 769px 300px #FFF, 547px 600px #FFF, 576px 1551px #FFF, 200px 1011px #FFF, 171px 1554px #FFF, 397px 1984px #FFF, 1074px 1825px #FFF, 1491px 3px #FFF, 1082px 1497px #FFF, 1991px 916px #FFF, 1089px 334px #FFF, 1020px 105px #FFF, 1846px 1016px #FFF, 833px 1402px #FFF, 1186px 1026px #FFF, 1911px 720px #FFF, 396px 416px #FFF, 1181px 1590px #FFF, 1947px 528px #FFF, 1960px 646px #FFF, 689px 1468px #FFF, 1282px 1966px #FFF, 1841px 1358px #FFF, 661px 1251px #FFF, 1681px 1656px #FFF, 1004px 1153px #FFF, 202px 425px #FFF, 1515px 1727px #FFF, 1011px 330px #FFF, 353px 1562px #FFF, 469px 1482px #FFF, 1995px 1032px #FFF, 1776px 1199px #FFF, 1539px 272px #FFF, 230px 968px #FFF, 573px 1078px #FFF, 594px 1382px #FFF, 781px 130px #FFF, 1859px 200px #FFF, 1949px 353px #FFF, 482px 1708px #FFF, 494px 1749px #FFF, 1123px 525px #FFF, 1507px 1312px #FFF, 431px 1408px #FFF, 1347px 1980px #FFF, 1391px 557px #FFF, 1824px 770px #FFF, 1908px 1688px #FFF, 1082px 383px #FFF, 717px 1792px #FFF, 1607px 120px #FFF, 1410px 991px #FFF, 698px 1501px #FFF, 677px 733px #FFF, 131px 1449px #FFF, 893px 765px #FFF, 1833px 1157px #FFF, 616px 1364px #FFF, 1748px 77px #FFF, 1429px 1707px #FFF, 684px 505px #FFF, 1195px 1115px #FFF, 863px 797px #FFF, 861px 1448px #FFF, 851px 1946px #FFF, 88px 594px #FFF, 1399px 1511px #FFF, 1224px 1531px #FFF, 172px 576px #FFF, 1118px 670px #FFF, 1314px 1365px #FFF, 1853px 1470px #FFF, 1582px 566px #FFF, 1237px 1633px #FFF, 1537px 1435px #FFF, 1816px 84px #FFF, 242px 1063px #FFF, 370px 158px #FFF, 1608px 1756px #FFF, 1018px 814px #FFF, 1021px 270px #FFF, 1053px 57px #FFF, 1016px 1692px #FFF, 116px 198px #FFF, 1843px 181px #FFF, 1651px 806px #FFF, 1579px 960px #FFF, 1267px 1327px #FFF, 1402px 1518px #FFF, 45px 187px #FFF, 184px 1598px #FFF, 268px 454px #FFF, 1641px 809px #FFF, 605px 1953px #FFF, 1965px 1591px #FFF, 386px 1785px #FFF, 1266px 287px #FFF, 104px 333px #FFF, 156px 715px #FFF, 59px 571px #FFF, 1643px 1929px #FFF, 773px 11px #FFF, 957px 1267px #FFF, 1348px 1584px #FFF, 58px 682px #FFF, 598px 814px #FFF, 87px 528px #FFF, 1296px 136px #FFF, 494px 1106px #FFF, 131px 1226px #FFF, 123px 900px #FFF, 497px 1145px #FFF, 1936px 1070px #FFF, 1400px 559px #FFF, 65px 365px #FFF, 1359px 1838px #FFF, 1311px 1014px #FFF, 589px 1601px #FFF, 372px 970px #FFF, 1186px 1893px #FFF, 1901px 98px #FFF, 1246px 1407px #FFF, 673px 1131px #FFF, 1481px 1684px #FFF, 1619px 1019px #FFF, 379px 1614px #FFF, 1668px 1027px #FFF, 646px 582px #FFF, 1958px 1706px #FFF, 357px 952px #FFF, 1969px 173px #FFF, 1903px 1374px #FFF, 64px 1887px #FFF, 1294px 393px #FFF, 1269px 364px #FFF, 1562px 1563px #FFF, 163px 743px #FFF, 1711px 1076px #FFF, 689px 1055px #FFF, 644px 1193px #FFF, 1293px 704px #FFF, 723px 1800px #FFF, 438px 605px #FFF, 1453px 601px #FFF, 1828px 1655px #FFF, 677px 454px #FFF, 1817px 1086px #FFF, 781px 421px #FFF, 706px 1023px #FFF, 1342px 833px #FFF, 1389px 1875px #FFF, 1611px 407px #FFF, 91px 349px #FFF, 1536px 278px #FFF, 203px 1246px #FFF, 726px 1426px #FFF, 396px 567px #FFF, 88px 920px #FFF, 390px 1492px #FFF, 97px 1041px #FFF, 1269px 1046px #FFF, 639px 1471px #FFF, 792px 232px #FFF, 76px 968px #FFF, 968px 913px #FFF, 1907px 1340px #FFF, 825px 1951px #FFF, 997px 1988px #FFF, 1207px 1169px #FFF, 692px 1927px #FFF, 626px 631px #FFF, 931px 1330px #FFF, 784px 17px #FFF, 1878px 1636px #FFF, 806px 698px #FFF, 1089px 1338px #FFF, 961px 1053px #FFF, 1514px 122px #FFF, 1240px 796px #FFF, 1357px 275px #FFF, 1913px 490px #FFF, 868px 100px #FFF, 816px 283px #FFF, 1655px 1088px #FFF, 698px 1093px #FFF, 711px 567px #FFF, 156px 1855px #FFF;
    animation: animStar 20s linear infinite;
}

#stars2 {
    z-index: -1;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 784px 1407px #FFF, 735px 416px #FFF, 1225px 427px #FFF, 693px 76px #FFF, 41px 1069px #FFF, 1175px 115px #FFF, 303px 1760px #FFF, 1354px 790px #FFF, 199px 475px #FFF, 1429px 1538px #FFF, 465px 1577px #FFF, 935px 372px #FFF, 1223px 1025px #FFF, 893px 1996px #FFF, 1022px 1897px #FFF, 758px 482px #FFF, 1316px 476px #FFF, 1222px 1817px #FFF, 602px 575px #FFF, 1670px 875px #FFF, 1908px 506px #FFF, 1402px 1384px #FFF, 1224px 1137px #FFF, 36px 1572px #FFF, 1272px 52px #FFF, 601px 278px #FFF, 1791px 1491px #FFF, 1948px 1496px #FFF, 1851px 1799px #FFF, 884px 1442px #FFF, 1229px 1209px #FFF, 1164px 155px #FFF, 355px 1495px #FFF, 1995px 218px #FFF, 478px 1164px #FFF, 902px 1771px #FFF, 1007px 1697px #FFF, 327px 599px #FFF, 1072px 61px #FFF, 961px 1607px #FFF, 1333px 1381px #FFF, 1701px 1301px #FFF, 652px 718px #FFF, 817px 833px #FFF, 1618px 1481px #FFF, 1196px 1196px #FFF, 1828px 1630px #FFF, 1766px 1447px #FFF, 1894px 272px #FFF, 752px 1819px #FFF, 1389px 486px #FFF, 508px 397px #FFF, 1554px 1308px #FFF, 1638px 1127px #FFF, 1625px 112px #FFF, 1757px 1322px #FFF, 395px 537px #FFF, 18px 376px #FFF, 1945px 516px #FFF, 1286px 1943px #FFF, 1276px 313px #FFF, 1286px 1455px #FFF, 859px 1703px #FFF, 1721px 1634px #FFF, 1451px 420px #FFF, 1265px 1370px #FFF, 1637px 147px #FFF, 1659px 1319px #FFF, 451px 1879px #FFF, 232px 1631px #FFF, 1228px 1967px #FFF, 961px 1985px #FFF, 524px 1349px #FFF, 1629px 750px #FFF, 4px 960px #FFF, 1687px 402px #FFF, 1979px 655px #FFF, 1584px 450px #FFF, 754px 659px #FFF, 1481px 1379px #FFF, 1468px 1340px #FFF, 1958px 629px #FFF, 349px 936px #FFF, 12px 570px #FFF, 1140px 1388px #FFF, 962px 1803px #FFF, 641px 1709px #FFF, 824px 1546px #FFF, 899px 12px #FFF, 1615px 1928px #FFF, 1248px 1966px #FFF, 650px 1218px #FFF, 29px 971px #FFF, 1213px 1135px #FFF, 902px 1995px #FFF, 199px 1560px #FFF, 900px 984px #FFF, 1416px 1933px #FFF, 423px 1731px #FFF, 1158px 479px #FFF, 266px 1493px #FFF, 694px 286px #FFF, 1826px 24px #FFF, 1913px 555px #FFF, 249px 1858px #FFF, 289px 1882px #FFF, 1162px 1453px #FFF, 1567px 1103px #FFF, 1628px 467px #FFF, 44px 1810px #FFF, 895px 1768px #FFF, 913px 962px #FFF, 708px 48px #FFF, 155px 367px #FFF, 1086px 1101px #FFF, 412px 1288px #FFF, 781px 188px #FFF, 1248px 1355px #FFF, 1461px 873px #FFF, 1404px 304px #FFF, 1605px 528px #FFF, 781px 681px #FFF, 1634px 1209px #FFF, 1848px 1749px #FFF, 313px 439px #FFF, 1619px 655px #FFF, 1196px 444px #FFF, 1141px 1901px #FFF, 345px 789px #FFF, 728px 990px #FFF, 18px 1195px #FFF, 135px 129px #FFF, 57px 1825px #FFF, 942px 1373px #FFF, 199px 1244px #FFF, 789px 1933px #FFF, 133px 1035px #FFF, 1240px 263px #FFF, 1471px 364px #FFF, 1380px 246px #FFF, 1745px 75px #FFF, 1610px 1243px #FFF, 1565px 631px #FFF, 1780px 589px #FFF, 1800px 702px #FFF, 1345px 552px #FFF, 1956px 155px #FFF, 254px 1338px #FFF, 1326px 1800px #FFF, 89px 3px #FFF, 1272px 1734px #FFF, 1396px 856px #FFF, 1464px 1332px #FFF, 539px 1066px #FFF, 1982px 210px #FFF, 478px 1668px #FFF, 1508px 1243px #FFF, 1775px 1331px #FFF, 291px 937px #FFF, 862px 1669px #FFF, 1179px 1611px #FFF, 95px 823px #FFF, 1120px 1444px #FFF, 838px 126px #FFF, 391px 1687px #FFF, 662px 322px #FFF, 1727px 435px #FFF, 1628px 1468px #FFF, 1692px 1581px #FFF, 920px 1250px #FFF, 270px 1531px #FFF, 1417px 1115px #FFF, 1802px 1804px #FFF, 816px 655px #FFF, 1731px 272px #FFF, 1988px 881px #FFF, 640px 1332px #FFF, 1747px 1149px #FFF, 651px 550px #FFF, 1155px 1831px #FFF, 1930px 1620px #FFF, 1967px 19px #FFF, 544px 701px #FFF, 1135px 1075px #FFF, 1037px 1936px #FFF, 926px 1562px #FFF, 668px 490px #FFF, 1434px 303px #FFF, 68px 304px #FFF, 425px 761px #FFF, 1218px 632px #FFF, 285px 1225px #FFF, 432px 1931px #FFF, 1898px 153px #FFF, 1140px 1182px #FFF, 1347px 740px #FFF, 496px 484px #FFF, 1060px 1778px #FFF, 739px 1564px #FFF, 717px 1331px #FFF;
    animation: animStar 25s linear infinite;
}

#stars2:after {
    content: " ";
    position: absolute;
    top: 500px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 784px 1407px #FFF, 735px 416px #FFF, 1225px 427px #FFF, 693px 76px #FFF, 41px 1069px #FFF, 1175px 115px #FFF, 303px 1760px #FFF, 1354px 790px #FFF, 199px 475px #FFF, 1429px 1538px #FFF, 465px 1577px #FFF, 935px 372px #FFF, 1223px 1025px #FFF, 893px 1996px #FFF, 1022px 1897px #FFF, 758px 482px #FFF, 1316px 476px #FFF, 1222px 1817px #FFF, 602px 575px #FFF, 1670px 875px #FFF, 1908px 506px #FFF, 1402px 1384px #FFF, 1224px 1137px #FFF, 36px 1572px #FFF, 1272px 52px #FFF, 601px 278px #FFF, 1791px 1491px #FFF, 1948px 1496px #FFF, 1851px 1799px #FFF, 884px 1442px #FFF, 1229px 1209px #FFF, 1164px 155px #FFF, 355px 1495px #FFF, 1995px 218px #FFF, 478px 1164px #FFF, 902px 1771px #FFF, 1007px 1697px #FFF, 327px 599px #FFF, 1072px 61px #FFF, 961px 1607px #FFF, 1333px 1381px #FFF, 1701px 1301px #FFF, 652px 718px #FFF, 817px 833px #FFF, 1618px 1481px #FFF, 1196px 1196px #FFF, 1828px 1630px #FFF, 1766px 1447px #FFF, 1894px 272px #FFF, 752px 1819px #FFF, 1389px 486px #FFF, 508px 397px #FFF, 1554px 1308px #FFF, 1638px 1127px #FFF, 1625px 112px #FFF, 1757px 1322px #FFF, 395px 537px #FFF, 18px 376px #FFF, 1945px 516px #FFF, 1286px 1943px #FFF, 1276px 313px #FFF, 1286px 1455px #FFF, 859px 1703px #FFF, 1721px 1634px #FFF, 1451px 420px #FFF, 1265px 1370px #FFF, 1637px 147px #FFF, 1659px 1319px #FFF, 451px 1879px #FFF, 232px 1631px #FFF, 1228px 1967px #FFF, 961px 1985px #FFF, 524px 1349px #FFF, 1629px 750px #FFF, 4px 960px #FFF, 1687px 402px #FFF, 1979px 655px #FFF, 1584px 450px #FFF, 754px 659px #FFF, 1481px 1379px #FFF, 1468px 1340px #FFF, 1958px 629px #FFF, 349px 936px #FFF, 12px 570px #FFF, 1140px 1388px #FFF, 962px 1803px #FFF, 641px 1709px #FFF, 824px 1546px #FFF, 899px 12px #FFF, 1615px 1928px #FFF, 1248px 1966px #FFF, 650px 1218px #FFF, 29px 971px #FFF, 1213px 1135px #FFF, 902px 1995px #FFF, 199px 1560px #FFF, 900px 984px #FFF, 1416px 1933px #FFF, 423px 1731px #FFF, 1158px 479px #FFF, 266px 1493px #FFF, 694px 286px #FFF, 1826px 24px #FFF, 1913px 555px #FFF, 249px 1858px #FFF, 289px 1882px #FFF, 1162px 1453px #FFF, 1567px 1103px #FFF, 1628px 467px #FFF, 44px 1810px #FFF, 895px 1768px #FFF, 913px 962px #FFF, 708px 48px #FFF, 155px 367px #FFF, 1086px 1101px #FFF, 412px 1288px #FFF, 781px 188px #FFF, 1248px 1355px #FFF, 1461px 873px #FFF, 1404px 304px #FFF, 1605px 528px #FFF, 781px 681px #FFF, 1634px 1209px #FFF, 1848px 1749px #FFF, 313px 439px #FFF, 1619px 655px #FFF, 1196px 444px #FFF, 1141px 1901px #FFF, 345px 789px #FFF, 728px 990px #FFF, 18px 1195px #FFF, 135px 129px #FFF, 57px 1825px #FFF, 942px 1373px #FFF, 199px 1244px #FFF, 789px 1933px #FFF, 133px 1035px #FFF, 1240px 263px #FFF, 1471px 364px #FFF, 1380px 246px #FFF, 1745px 75px #FFF, 1610px 1243px #FFF, 1565px 631px #FFF, 1780px 589px #FFF, 1800px 702px #FFF, 1345px 552px #FFF, 1956px 155px #FFF, 254px 1338px #FFF, 1326px 1800px #FFF, 89px 3px #FFF, 1272px 1734px #FFF, 1396px 856px #FFF, 1464px 1332px #FFF, 539px 1066px #FFF, 1982px 210px #FFF, 478px 1668px #FFF, 1508px 1243px #FFF, 1775px 1331px #FFF, 291px 937px #FFF, 862px 1669px #FFF, 1179px 1611px #FFF, 95px 823px #FFF, 1120px 1444px #FFF, 838px 126px #FFF, 391px 1687px #FFF, 662px 322px #FFF, 1727px 435px #FFF, 1628px 1468px #FFF, 1692px 1581px #FFF, 920px 1250px #FFF, 270px 1531px #FFF, 1417px 1115px #FFF, 1802px 1804px #FFF, 816px 655px #FFF, 1731px 272px #FFF, 1988px 881px #FFF, 640px 1332px #FFF, 1747px 1149px #FFF, 651px 550px #FFF, 1155px 1831px #FFF, 1930px 1620px #FFF, 1967px 19px #FFF, 544px 701px #FFF, 1135px 1075px #FFF, 1037px 1936px #FFF, 926px 1562px #FFF, 668px 490px #FFF, 1434px 303px #FFF, 68px 304px #FFF, 425px 761px #FFF, 1218px 632px #FFF, 285px 1225px #FFF, 432px 1931px #FFF, 1898px 153px #FFF, 1140px 1182px #FFF, 1347px 740px #FFF, 496px 484px #FFF, 1060px 1778px #FFF, 739px 1564px #FFF, 717px 1331px #FFF;
}

#stars3 {
    z-index: -1;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 328px 561px #FFF, 419px 1275px #FFF, 1320px 1968px #FFF, 1560px 370px #FFF, 473px 1092px #FFF, 857px 1555px #FFF, 437px 408px #FFF, 1523px 1056px #FFF, 638px 958px #FFF, 1154px 705px #FFF, 1242px 597px #FFF, 1186px 1494px #FFF, 322px 1948px #FFF, 1229px 1326px #FFF, 209px 843px #FFF, 1684px 1236px #FFF, 1343px 1425px #FFF, 329px 781px #FFF, 753px 639px #FFF, 28px 192px #FFF, 200px 1059px #FFF, 1440px 1646px #FFF, 1375px 1104px #FFF, 1893px 1743px #FFF, 529px 581px #FFF, 524px 334px #FFF, 1759px 1417px #FFF, 138px 1061px #FFF, 298px 289px #FFF, 1309px 1681px #FFF, 945px 816px #FFF, 1311px 1818px #FFF, 1013px 49px #FFF, 981px 1145px #FFF, 774px 1461px #FFF, 1890px 1774px #FFF, 762px 132px #FFF, 896px 824px #FFF, 954px 94px #FFF, 207px 399px #FFF, 172px 1624px #FFF, 952px 923px #FFF, 1833px 111px #FFF, 136px 1589px #FFF, 1817px 1061px #FFF, 1145px 1752px #FFF, 1093px 1589px #FFF, 1505px 1431px #FFF, 1107px 1354px #FFF, 124px 1928px #FFF, 1119px 607px #FFF, 397px 334px #FFF, 478px 649px #FFF, 1912px 232px #FFF, 1379px 1854px #FFF, 647px 1496px #FFF, 201px 1753px #FFF, 1741px 9px #FFF, 1594px 1241px #FFF, 1280px 1270px #FFF, 1544px 1940px #FFF, 885px 1490px #FFF, 1424px 790px #FFF, 1172px 1986px #FFF, 889px 1106px #FFF, 1009px 1087px #FFF, 1263px 1230px #FFF, 1275px 57px #FFF, 547px 1119px #FFF, 237px 1660px #FFF, 32px 618px #FFF, 1137px 140px #FFF, 1348px 888px #FFF, 889px 1183px #FFF, 1989px 850px #FFF, 1111px 1818px #FFF, 1842px 547px #FFF, 1829px 954px #FFF, 1866px 1769px #FFF, 505px 457px #FFF, 836px 1012px #FFF, 333px 621px #FFF, 170px 1636px #FFF, 1858px 1350px #FFF, 1317px 1814px #FFF, 1218px 801px #FFF, 176px 1632px #FFF, 1329px 529px #FFF, 1165px 262px #FFF, 363px 1176px #FFF, 1091px 108px #FFF, 1870px 1698px #FFF, 1092px 480px #FFF, 156px 471px #FFF, 1550px 941px #FFF, 1064px 836px #FFF, 673px 1449px #FFF, 1385px 667px #FFF, 706px 1702px #FFF, 839px 1195px #FFF;
    animation: animStar 37s linear infinite;
}

#stars3:after {
    content: " ";
    position: absolute;
    top: 500px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 328px 561px #FFF, 419px 1275px #FFF, 1320px 1968px #FFF, 1560px 370px #FFF, 473px 1092px #FFF, 857px 1555px #FFF, 437px 408px #FFF, 1523px 1056px #FFF, 638px 958px #FFF, 1154px 705px #FFF, 1242px 597px #FFF, 1186px 1494px #FFF, 322px 1948px #FFF, 1229px 1326px #FFF, 209px 843px #FFF, 1684px 1236px #FFF, 1343px 1425px #FFF, 329px 781px #FFF, 753px 639px #FFF, 28px 192px #FFF, 200px 1059px #FFF, 1440px 1646px #FFF, 1375px 1104px #FFF, 1893px 1743px #FFF, 529px 581px #FFF, 524px 334px #FFF, 1759px 1417px #FFF, 138px 1061px #FFF, 298px 289px #FFF, 1309px 1681px #FFF, 945px 816px #FFF, 1311px 1818px #FFF, 1013px 49px #FFF, 981px 1145px #FFF, 774px 1461px #FFF, 1890px 1774px #FFF, 762px 132px #FFF, 896px 824px #FFF, 954px 94px #FFF, 207px 399px #FFF, 172px 1624px #FFF, 952px 923px #FFF, 1833px 111px #FFF, 136px 1589px #FFF, 1817px 1061px #FFF, 1145px 1752px #FFF, 1093px 1589px #FFF, 1505px 1431px #FFF, 1107px 1354px #FFF, 124px 1928px #FFF, 1119px 607px #FFF, 397px 334px #FFF, 478px 649px #FFF, 1912px 232px #FFF, 1379px 1854px #FFF, 647px 1496px #FFF, 201px 1753px #FFF, 1741px 9px #FFF, 1594px 1241px #FFF, 1280px 1270px #FFF, 1544px 1940px #FFF, 885px 1490px #FFF, 1424px 790px #FFF, 1172px 1986px #FFF, 889px 1106px #FFF, 1009px 1087px #FFF, 1263px 1230px #FFF, 1275px 57px #FFF, 547px 1119px #FFF, 237px 1660px #FFF, 32px 618px #FFF, 1137px 140px #FFF, 1348px 888px #FFF, 889px 1183px #FFF, 1989px 850px #FFF, 1111px 1818px #FFF, 1842px 547px #FFF, 1829px 954px #FFF, 1866px 1769px #FFF, 505px 457px #FFF, 836px 1012px #FFF, 333px 621px #FFF, 170px 1636px #FFF, 1858px 1350px #FFF, 1317px 1814px #FFF, 1218px 801px #FFF, 176px 1632px #FFF, 1329px 529px #FFF, 1165px 262px #FFF, 363px 1176px #FFF, 1091px 108px #FFF, 1870px 1698px #FFF, 1092px 480px #FFF, 156px 471px #FFF, 1550px 941px #FFF, 1064px 836px #FFF, 673px 1449px #FFF, 1385px 667px #FFF, 706px 1702px #FFF, 839px 1195px #FFF;
}


/* Project styles */
.latest-project-wrapper-out {
    position: relative;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.latest-project-wrapper-in {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;

    margin: 20px 0;
    max-width: 2064px;
}

.latest-project {
    width: 88%;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    margin: 20px 0 40px;
}

.latest-project-img {
    padding: 10px 10px 0 10px;
    background-color: #2b2b2b;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.latest-project-img img {
    width: 100%;
    height: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.latest-project-wrapper-inside {
    position: relative;
    background-color: #2b2b2b;

    width: 100%;

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.latest-project-name {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 500;
    margin: 10px 4px 6px;
}

.latest-project-description {
    margin: 20px 20px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.latest-project-description span{
    font-weight: 500;
    font-size: 17px;
}

.project-link-outer {
    margin: 20px;
}

.projectGitLink {
    margin: 2px 0;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.projectGitLink a{
    word-wrap: break-word;
    text-align: left;
    text-decoration: none;
    color: #03cffc;
}

#videoGenerator{
    transition: opacity 0.5s ease;
}

@media(min-width: 896px) {

    /* Navigation bar styles */
    /* 1. Style changes */
    /* 2. Defaulting JavaScipt */
    /* 3. Navigation bar hover effect */
    /* 4. The main body */

    /* 1. Style changes */

    .navbar-logo {
        width: 35px;
        height: 35px;
    }

    .navbar-logo-text {
        font-size: 0.9em;
    }

    nav div ul li a {
        font-size: 1.4em;
    }

    /* 2. Defaulting JavaScipt/Mobile transition to desktop */

    .navbar {
        flex-direction: row;
        align-items: center;
    }

    nav div ul {
        display: flex;
        flex-direction: row;
    }

    .navbar-hamburger {
        display: none;
    }

    .navbar-display {
        width: 25%;
    }

    .navbar-anchor {
        transform: translateX(0);
        display: inline-block;
        transform: 'translateY(0)';
        transition: '0s';
    }

    .navbar-hidden-mobile {
        width: 75%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .navbar-links {
        margin: 5px 15px;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }

    .navbar-links:last-of-type {
        margin: 5px 40px 5px 15px;
    }

    /* 3. Navigation bar hover effect */
    #hover {
        display: inline-block;
        width: auto;
    }

    #hover::after {
        opacity: 1;
        transform: scale(0);
        transform-origin: center;
    }

    #hover:hover::after,
    #hover:focus::after {
        transform: scale(1);
    }

    .navbar-hover {
        display: block;
        position: relative;
        padding: 0.1em 0;
    }

    .navbar-hover::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.1em;
        background-color: orangered;
        opacity: 0;
        transition: opacity 300ms, transform 300ms;
    }

    .navbar-hover:hover::after,
    .navbar-hover:focus::after {
        opacity: 1;
    }

    /* Background -> main body style */

    #main-header {
        padding: 10vh 0.25em 15vh 0.25em;
        margin: 0;
    }

    #main-header>span:last-child {
        padding-top: 90px;
    }

    #main-header>.name>h1 {
        margin-right: 25vw;
        font-size: 3.2em;
    }

    #main-header>.name>h1:last-child {
        padding-left: 80px;
        font-size: 2.6em;
    }


    /* Project display */

    .latest-project-wrapper-in {
        flex-direction: row;
        align-items: flex-start;
    }

    .latest-project {
        width: 80%;
        margin: 40px;
    }
}

@media(min-width: 1280px) {

    /* Navigation bar changes */
    .navbar-logo {
        width: 40px;
        height: 40px;
    }

    .navbar-logo-text {
        font-size: 1em;
    }

    nav div ul li a {
        font-size: 1.4em;
    }

    /* Background -> main body */

    #main-header>.name>h1 {
        margin-right: 25vw;
        font-size: 3.8em;
    }

    #main-header>.name>h1:last-child {
        padding-left: 150px;
        font-size: 3.2em;
    }

    /* Project sections */

    .latest-project-name{
        font-size: 28px;
    }

    .latest-project-description {
        font-size: 18px;
    }

    .latest-project-description span{
        font-size: 19px;
    }

    .projectGitLink{
        font-size: 18px;
    }
}

@media(min-width: 1920px) {

    /* Navigation bar */
    nav div ul li a {
        font-size: 1.6em;
    }

    .navbar-hover::after {
        height: 0.08em;
    }

    /* Background -> main body */
    #main-header>.name>h1 {
        font-size: 4.6em;
        margin-right: 35vw;
    }

    #main-header>.name>h1:last-child {
        padding-left: 200px;
        font-size: 4em;
    }
}


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

    to {
        transform: translateY(-500px);
    }
}