html {
    font-family: "Satoshi", Arial, sans-serif;

    --main-accent: #a01fc3;
    --main-accent-dark: #621f99;
    --main-accent-light: #f892ff;
    --sub-accent: #ffeda3;

    --white-dim: #c0c0c0;
    --white-dim-2: #7c7c7c;

    --margin-s: 4px;
    --margin-m: 8px;
    --margin-l: 16px;
    --margin-xl: 32px;
    --margin-xxl: 64px;

    overflow-x: hidden;
    overscroll-behavior: none;
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: linear 0.125s;
}

h1 { font-size: clamp(2rem, 5vw, 4rem); position: relative; }

h2 { font-size: clamp(1.5rem, 4vw, 3rem); }

h3 { font-size: clamp(1.25rem, 3vw, 2.5rem); }

h4 { font-size: clamp(1rem, 2.5vw, 2rem); }

h5 { font-size: clamp(0.75rem, 1.5vw, 1.5rem); }

h6 { font-size: clamp(0.625rem, 1.25vw, 1.25rem); }

p, li { 
    font-size: clamp(0.5rem, 1vw, 1rem);
    word-spacing: 0.125rem;
    letter-spacing: 0.03125rem;
}

h1, h2, h3, h4, h5, h6, .strong {
    font-weight: 700;
}

.white {
    color: white;
}

.accent {
    color: var(--main-accent);
}

.accent-dark {
    color: var(--main-accent-dark);
}

.accent-light {
    color: var(--main-accent-light);
}

.sub-accent {
    color: var(--sub-accent);
}

.black {
    color: black;
}

a { text-decoration: none; color: var(--link-color); }

.focus-1 { color: var(--white-dim); }

.focus-2 { color: var(--white-dim-2); }

.black { color: black; }

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

.flex-column { flex-direction: column; }

.margin-s { margin: var(--margin-s); }

.margin-m { margin: var(--margin-m); }

.margin-l { margin: var(--margin-l); }

.margin-xl { margin: var(--margin-xl); }

.margin-xxl { margin: var(--margin-xxl); }

.padding-s { padding: var(--margin-s); }

.padding-m { padding: var(--margin-m); }

.padding-l { padding: var(--margin-l); }

.padding-xl { padding: var(--margin-xl); }

.padding-xxl { padding: var(--margin-xxl); }

body {
    margin: 0;
    background-color: black;
}

main {
    margin: 0;
    margin-top: 60px;
    width: 100%;
}

nav {
    width: 100vw;
    height: 60px;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

nav > a {
    position: absolute;
    left: 0;
    padding: 0 var(--margin-xl);
}

#nav-links {
    height: 100%;
    list-style: none;
    text-decoration: none;
    display: flex;
    position: absolute;
    height: 60px;
    right: 0;
    padding: 0 var(--margin-xl);
}

#nav-links > * {
    width: min(max(7.5vw, 30px), 100px);
    margin: 0 var(--margin-l);
    height: 100%;
}

nav p {
    position: relative;
    color: white;
    filter: drop-shadow(0px 0px 2px black);
    transition: none;
}

#nav-links a:hover p {
    animation: purple-on-hover 0.125s linear;
    color: var(--main-accent)
}

@keyframes purple-on-hover {
    0% { left: 0; }

    20% { left: 2.5px; }

    40% { left: -2px; }

    60% { left: 1.25px; }

    80% { left: -0.75px; }

    100% { left: 0; }
}

#background-image {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 150vh;
    z-index: -20;
    background-image: url(./wp2110505-boston-city-wallpapers.jpg);
    background-size: cover;
    background-repeat: repeat-y;
    background-position: center;
    filter: contrast(75%) brightness(35%) blur(5px);
}

#background-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 150vh;
    background: linear-gradient(indigo 0%, rgb(129, 0, 108) 100%);
    z-index: -10;
    mix-blend-mode: hard-light;
    opacity: 50%;
}

.space {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: -10;
    opacity: 12.5%;
    rotate: 180deg;
}

.particle,
.particle::after {
    background: transparent;
}
  
.particle::after {
    position: absolute;
    content: '';
    top: 2560px;
}
  
.particle:nth-child(1) {
    animation: particles 20s linear infinite;
}

.particle:nth-child(1), .particle:nth-child(1)::after {
    box-shadow: 0 0 #faf, 1342px 1684px #faf, 2505px 2293px #faf, 1873px 347px #faf, 2254px 1148px #faf, 664px 1217px #faf, 2124px 454px #faf, 64px 1088px #faf, 1361px 2294px #faf, 566px 1490px #faf, 405px 140px #faf, 786px 52px #faf, 856px 917px #faf, 942px 2278px #faf, 2549px 129px #faf, 913px 839px #faf, 808px 549px #faf, 171px 1717px #faf, 1934px 575px #faf, 601px 1577px #faf, 516px 1343px #faf, 1353px 2303px #faf, 787px 1996px #faf, 1256px 794px #faf, 544px 1644px #faf, 2147px 533px #faf, 1713px 2362px #faf, 2182px 1622px #faf, 1557px 689px #faf, 1036px 1736px #faf, 354px 2485px #faf, 1480px 135px #faf, 2493px 2179px #faf, 461px 517px #faf, 343px 708px #faf, 663px 1851px #faf, 189px 763px #faf, 416px 1249px #faf, 2319px 1880px #faf, 2024px 2270px #faf, 330px 583px #faf, 617px 637px #faf, 310px 2064px #faf, 669px 1185px #faf, 1729px 2133px #faf, 765px 162px #faf, 1579px 250px #faf, 142px 2455px #faf, 2224px 334px #faf, 1181px 1980px #faf, 402px 1139px #faf, 2245px 2163px #faf, 2154px 2269px #faf, 1980px 1569px #faf, 184px 1888px #faf, 2357px 1439px #faf, 1426px 575px #faf, 485px 1039px #faf, 987px 717px #faf, 2498px 1764px #faf, 2286px 73px #faf, 71px 400px #faf, 2330px 837px #faf, 2412px 1438px #faf, 256px 1503px #faf, 2517px 2463px #faf, 199px 2219px #faf, 951px 1428px #faf, 123px 1469px #faf, 1789px 285px #faf, 1995px 2128px #faf, 1609px 1652px #faf, 2035px 67px #faf, 1223px 1508px #faf, 1526px 2182px #faf, 2502px 1913px #faf, 2553px 253px #faf, 1850px 2503px #faf, 101px 2366px #faf, 1642px 2061px #faf, 448px 1968px #faf, 1336px 99px #faf, 1077px 446px #faf, 258px 1233px #faf, 1474px 430px #faf, 1667px 820px #faf, 1963px 661px #faf, 209px 2558px #faf, 722px 1656px #faf, 1260px 37px #faf, 390px 472px #faf, 2077px 1573px #faf, 2169px 2544px #faf, 971px 392px #faf, 464px 2092px #faf, 998px 226px #faf, 38px 2313px #faf, 898px 1267px #faf, 469px 576px #faf, 920px 1422px #faf, 293px 2018px #faf, 654px 2437px #faf, 1726px 1144px #faf, 2379px 1086px #faf, 598px 910px #faf, 854px 2246px #faf, 1368px 47px #faf, 1232px 1336px #faf, 760px 1079px #faf, 2216px 949px #faf, 1232px 1020px #faf, 1828px 971px #faf, 2284px 1014px #faf, 768px 1252px #faf, 631px 101px #faf, 1695px 1337px #faf, 342px 2137px #faf, 801px 714px #faf, 1717px 968px #faf, 1925px 722px #faf, 1171px 2458px #faf, 1872px 528px #faf, 2526px 1021px #faf, 1116px 1354px #faf, 2358px 958px #faf, 199px 1987px #faf, 1676px 1889px #faf, 1303px 193px #faf, 959px 1982px #faf, 1263px 1913px #faf, 1695px 297px #faf, 495px 1020px #faf, 2207px 64px #faf, 1719px 2526px #faf, 2125px 2156px #faf, 831px 371px #faf, 2481px 88px #faf, 2534px 1959px #faf, 149px 805px #faf, 181px 188px #faf, 2251px 642px #faf, 2216px 1937px #faf, 1783px 2236px #faf, 1227px 1600px #faf, 291px 2112px #faf, 2443px 573px #faf, 2307px 447px #faf, 2096px 1168px #faf, 2202px 560px #faf, 1566px 1862px #faf, 1523px 733px #faf, 1262px 337px #faf, 1165px 2396px #faf, 827px 2455px #faf, 1241px 1475px #faf, 631px 2240px #faf, 2129px 1418px #faf, 875px 1071px #faf, 1194px 1683px #faf, 1031px 1679px #faf, 1540px 1103px #faf, 1217px 191px #faf, 56px 1430px #faf, 2295px 2162px #faf, 806px 784px #faf, 99px 44px #faf, 2036px 1917px #faf, 851px 292px #faf, 311px 2552px #faf, 2144px 2537px #faf, 1558px 2325px #faf, 2170px 1924px #faf, 2400px 166px #faf, 1656px 2224px #faf, 1241px 1832px #faf, 328px 496px #faf, 1636px 2135px #faf, 1075px 1831px #faf, 2344px 550px #faf, 1872px 1176px #faf, 1245px 1508px #faf, 890px 1264px #faf, 1821px 1271px #faf, 2248px 534px #faf, 1430px 563px #faf, 235px 1195px #faf, 1938px 1533px #faf, 1936px 829px #faf, 412px 610px #faf, 1137px 505px #faf, 1771px 733px #faf, 702px 974px #faf, 2269px 1901px #faf, 2184px 506px #faf, 811px 2548px #faf, 104px 2066px #faf, 536px 2539px #faf, 2429px 1475px #faf, 70px 1224px #faf, 1238px 558px #faf, 1792px 1288px #faf, 1422px 2352px #faf, 1677px 1240px #faf, 2328px 112px #faf, 238px 984px #faf, 1023px 1792px #faf, 1727px 1777px #faf, 2349px 1251px #faf, 2111px 413px #faf, 1086px 1184px #faf, 1207px 54px #faf, 1766px 168px #faf, 644px 2328px #faf, 199px 2332px #faf, 1254px 2355px #faf, 274px 1789px #faf, 1518px 2496px #faf, 2491px 932px #faf, 436px 109px #faf, 1830px 1500px #faf, 1055px 1008px #faf, 378px 623px #faf, 2080px 2044px #faf, 260px 753px #faf, 2097px 1349px #faf, 2237px 197px #faf, 1834px 177px #faf, 2406px 791px #faf, 1723px 212px #faf, 916px 1407px #faf, 369px 2071px #faf, 734px 1914px #faf, 427px 1570px #faf, 196px 949px #faf, 192px 2404px #faf, 1101px 314px #faf, 1577px 2019px #faf, 774px 1939px #faf, 1656px 349px #faf, 109px 610px #faf, 528px 1799px #faf, 852px 726px #faf, 2416px 1988px #faf, 1034px 1162px #faf, 2119px 1063px #faf, 42px 715px #faf, 2194px 2495px #faf, 333px 774px #faf, 1176px 1382px #faf, 983px 2240px #faf, 31px 2498px #faf, 1516px 1556px #faf, 1908px 1475px #faf, 595px 1820px #faf, 210px 656px #faf, 547px 2451px #faf, 2228px 1029px #faf, 2513px 2250px #faf, 1583px 1582px #faf, 1844px 545px #faf, 1871px 418px #faf, 968px 2254px #faf, 466px 1154px #faf, 727px 2240px #faf, 720px 2005px #faf, 1968px 1398px #faf, 1111px 2009px #faf, 654px 2148px #faf, 1003px 1361px #faf, 1971px 1393px #faf, 2531px 2443px #faf, 912px 1604px #faf, 323px 1664px #faf, 2447px 933px #faf, 560px 2422px #faf, 2004px 194px #faf, 669px 995px #faf, 1199px 1685px #faf, 602px 43px #faf, 988px 1270px #faf, 535px 1029px #faf, 2371px 1127px #faf, 372px 1223px #faf, 2549px 2151px #faf, 484px 2279px #faf, 1346px 916px #faf, 375px 1444px #faf, 1262px 1391px #faf, 2158px 2478px #faf, 1254px 792px #faf, 867px 520px #faf, 2144px 2376px #faf, 1477px 1021px #faf, 2539px 1958px #faf, 2017px 702px #faf, 201px 1943px #faf, 1573px 776px #faf, 14px 2265px #faf, 2139px 1291px #faf, 621px 1641px #faf, 299px 2154px #faf, 433px 2250px #faf, 1037px 243px #faf, 2094px 801px #faf, 118px 990px #faf, 1843px 878px #faf, 2500px 1279px #faf, 2097px 2246px #faf, 2045px 70px #faf, 1274px 1480px #faf, 962px 674px #faf, 2497px 160px #faf, 2516px 278px #faf, 841px 2050px #faf, 1120px 944px #faf, 1638px 678px #faf, 2511px 1637px #faf, 1727px 1365px #faf, 2100px 1619px #faf, 506px 52px #faf, 442px 817px #faf, 1753px 2557px #faf, 1751px 2237px #faf, 2084px 707px #faf, 739px 2293px #faf, 2528px 294px #faf, 1805px 316px #faf, 477px 2105px #faf, 369px 2487px #faf, 1876px 826px #faf, 470px 1586px #faf, 158px 1472px #faf, 380px 2479px #faf, 1024px 1628px #faf, 585px 1707px #faf, 840px 1241px #faf, 2052px 963px #faf, 2390px 94px #faf, 660px 1875px #faf, 1020px 633px #faf, 409px 355px #faf, 1089px 1012px #faf, 583px 899px #faf, 388px 1072px #faf, 69px 1752px #faf, 1852px 1136px #faf, 721px 722px #faf, 1551px 2204px #faf, 111px 2475px #faf, 1070px 1954px #faf, 96px 2096px #faf, 466px 1253px #faf, 664px 360px #faf, 143px 1121px #faf, 1793px 1301px #faf, 647px 187px #faf, 2049px 2237px #faf, 596px 819px #faf, 1412px 2200px #faf, 272px 185px #faf, 1087px 2200px #faf, 1185px 342px #faf, 2317px 330px #faf, 19px 86px #faf, 909px 2226px #faf, 2083px 760px #faf, 2428px 1626px #faf, 2507px 913px #faf, 1718px 864px #faf, 1175px 402px #faf, 559px 131px #faf, 1839px 1285px #faf, 2346px 1739px #faf, 1798px 1369px #faf, 2268px 1537px #faf, 458px 614px #faf, 2383px 1267px #faf, 927px 2163px #faf, 1604px 2036px #faf, 260px 2543px #faf, 1953px 804px #faf, 1010px 940px #faf, 1126px 648px #faf, 2174px 1776px #faf, 1901px 1051px #faf, 1988px 298px #faf, 863px 1934px #faf, 799px 2337px #faf, 790px 1913px #faf, 2346px 728px #faf, 1392px 5px #faf, 1682px 401px #faf, 613px 1686px #faf, 1019px 1687px #faf, 81px 2125px #faf, 2475px 2015px #faf, 311px 2026px #faf, 1593px 2480px #faf, 716px 425px #faf, 1416px 1336px #faf, 2080px 2159px #faf, 1705px 1623px #faf, 183px 838px #faf, 1392px 1479px #faf, 2064px 2422px #faf, 2099px 231px #faf, 1308px 2185px #faf, 590px 570px #faf, 721px 2445px #faf, 666px 310px #faf, 1609px 2425px #faf, 1441px 1210px #faf, 1775px 2272px #faf, 17px 1774px #faf, 2511px 1116px #faf, 590px 2143px #faf, 1324px 1163px #faf, 81px 1626px #faf, 167px 183px #faf, 460px 154px #faf, 1929px 430px #faf, 1163px 1506px #faf, 728px 2305px #faf, 1326px 2446px #faf, 326px 2265px #faf, 2448px 2471px #faf, 1062px 1677px #faf, 807px 2062px #faf, 1607px 1126px #faf, 728px 790px #faf, 488px 2245px #faf, 1706px 641px #faf, 1702px 1882px #faf, 1089px 2437px #faf, 2150px 254px #faf, 557px 1550px #faf, 1883px 1975px #faf, 1427px 1389px #faf, 1707px 1879px #faf, 1373px 747px #faf, 1269px 1217px #faf, 217px 1863px #faf, 2268px 392px #faf, 942px 1534px #faf, 2038px 2289px #faf, 2032px 602px #faf, 1744px 760px #faf, 2261px 684px #faf, 1259px 1758px #faf, 1727px 2066px #faf, 599px 891px #faf, 611px 1947px #faf, 1494px 2054px #faf, 675px 10px #faf, 1593px 1689px #faf, 1327px 640px #faf, 2068px 1621px #faf, 705px 614px #faf, 1846px 1130px #faf, 125px 1257px #faf, 2502px 2472px #faf, 200px 1563px #faf, 1524px 641px #faf, 2351px 778px #faf, 1454px 2063px #faf, 990px 2274px #faf, 1912px 744px #faf, 2121px 726px #faf, 2100px 1575px #faf, 417px 1580px #faf, 1116px 614px #faf, 1788px 1726px #faf, 1296px 2088px #faf, 1523px 2091px #faf, 1252px 2447px #faf, 1864px 1559px #faf, 1471px 1072px #faf, 1778px 822px #faf, 1916px 534px #faf, 2010px 722px #faf, 1840px 869px #faf, 644px 1617px #faf, 2249px 2039px #faf, 2229px 1928px #faf, 1888px 420px #faf, 685px 933px #faf, 1107px 701px #faf, 1876px 1835px #faf, 721px 2532px #faf, 1935px 2244px #faf, 983px 1340px #faf, 39px 706px #faf, 2337px 97px #faf, 2552px 245px #faf, 1272px 2428px #faf, 179px 1828px #faf, 1913px 1568px #faf, 210px 47px #faf, 2293px 863px #faf, 254px 724px #faf, 1470px 1359px #faf, 332px 1491px #faf, 2311px 301px #faf, 1480px 2560px #faf, 251px 96px #faf, 1619px 2176px #faf, 2469px 1038px #faf, 1793px 2288px #faf, 284px 1904px #faf, 850px 841px #faf, 1688px 1752px #faf, 192px 919px #faf, 472px 480px #faf, 121px 107px #faf, 1653px 1482px #faf, 109px 2009px #faf, 74px 731px #faf, 315px 947px #faf, 64px 834px #faf, 957px 2170px #faf, 326px 2239px #faf, 95px 1971px #faf, 1174px 1616px #faf, 780px 152px #faf, 1588px 404px #faf, 68px 2540px #faf, 749px 78px #faf, 236px 2351px #faf, 477px 1650px #faf, 440px 822px #faf, 1205px 2141px #faf, 586px 403px #faf, 952px 90px #faf, 795px 1203px #faf, 2084px 999px #faf, 637px 1108px #faf, 1793px 33px #faf, 2340px 1486px #faf, 211px 2310px #faf, 2483px 2089px #faf, 2267px 1470px #faf, 438px 2247px #faf, 209px 1777px #faf, 2397px 2294px #faf, 2164px 100px #faf, 2px 2558px #faf, 79px 1504px #faf, 181px 1658px #faf, 1608px 2105px #faf, 765px 650px #faf, 2382px 2354px #faf, 1688px 2285px #faf, 1479px 155px #faf, 636px 2552px #faf, 618px 1633px #faf, 1930px 108px #faf, 566px 2165px #faf, 1961px 1007px #faf, 2497px 2245px #faf, 735px 1855px #faf, 2235px 2203px #faf, 1189px 1026px #faf, 467px 2363px #faf, 2079px 2464px #faf, 1699px 2156px #faf, 452px 318px #faf, 978px 1095px #faf, 2001px 148px #faf, 2474px 1317px #faf, 1983px 2216px #faf, 2060px 1258px #faf, 1359px 265px #faf, 2088px 1280px #faf, 2314px 1661px #faf, 1579px 21px #faf, 171px 1309px #faf, 294px 2236px #faf, 925px 1064px #faf, 2269px 1629px #faf, 11px 358px #faf, 808px 385px #faf, 1816px 128px #faf, 477px 309px #faf, 1993px 2126px #faf, 1256px 2095px #faf, 1395px 1265px #faf, 944px 2399px #faf, 2345px 2496px #faf, 1359px 1856px #faf, 1628px 1581px #faf, 1477px 777px #faf, 1562px 1422px #faf, 264px 693px #faf, 2244px 21px #faf, 1372px 854px #faf, 1615px 1537px #faf, 1504px 2371px #faf, 1465px 1518px #faf, 1315px 1782px #faf, 590px 996px #faf, 1911px 391px #faf;
    width: 2px;
    height: 2px;
    opacity: 0.5;
}

.particle:nth-child(2) {
    animation: particles 30s linear infinite;
}

.particle:nth-child(2), .particle:nth-child(2)::after {
    box-shadow: 0 0 #faf, 1408px 312px #faf, 297px 1760px #faf, 601px 1087px #faf, 634px 240px #faf, 1746px 678px #faf, 1697px 37px #faf, 214px 902px #faf, 877px 39px #faf, 1569px 4px #faf, 401px 184px #faf, 1025px 1134px #faf, 1080px 1306px #faf, 499px 337px #faf, 1508px 2232px #faf, 2204px 1556px #faf, 586px 1879px #faf, 344px 863px #faf, 1204px 471px #faf, 673px 1248px #faf, 573px 1832px #faf, 1845px 259px #faf, 559px 1055px #faf, 1680px 902px #faf, 2311px 1833px #faf, 736px 1025px #faf, 1390px 1116px #faf, 2450px 1794px #faf, 1897px 2148px #faf, 770px 1959px #faf, 2023px 2365px #faf, 991px 1423px #faf, 1590px 585px #faf, 1854px 1021px #faf, 691px 2464px #faf, 552px 471px #faf, 418px 2471px #faf, 1623px 40px #faf, 662px 199px #faf, 1837px 635px #faf, 2016px 1020px #faf, 2142px 2041px #faf, 44px 868px #faf, 271px 656px #faf, 2248px 1267px #faf, 2027px 31px #faf, 204px 1675px #faf, 620px 147px #faf, 1894px 821px #faf, 2105px 1353px #faf, 2237px 1282px #faf, 375px 766px #faf, 379px 2135px #faf, 2321px 78px #faf, 91px 2160px #faf, 8px 909px #faf, 2547px 1557px #faf, 542px 1439px #faf, 2264px 50px #faf, 555px 521px #faf, 2071px 815px #faf, 2296px 221px #faf, 73px 2523px #faf, 2391px 213px #faf, 2290px 405px #faf, 1594px 1130px #faf, 141px 2397px #faf, 1402px 829px #faf, 2264px 238px #faf, 1401px 2455px #faf, 1390px 1994px #faf, 954px 620px #faf, 581px 1433px #faf, 857px 1481px #faf, 672px 2066px #faf, 423px 1928px #faf, 2244px 1606px #faf, 2297px 2053px #faf, 1195px 433px #faf, 1260px 257px #faf, 260px 56px #faf, 498px 548px #faf, 2142px 334px #faf, 2454px 7px #faf, 1312px 327px #faf, 1663px 214px #faf, 1239px 1430px #faf, 1118px 589px #faf, 682px 1513px #faf, 2264px 1314px #faf, 1342px 685px #faf, 1896px 1059px #faf, 79px 1580px #faf, 2027px 371px #faf, 1864px 2199px #faf, 854px 1791px #faf, 312px 1262px #faf, 1521px 1532px #faf, 308px 2540px #faf, 2433px 1124px #faf, 2291px 25px #faf, 740px 63px #faf, 2022px 2349px #faf, 2164px 393px #faf, 1911px 1363px #faf, 719px 434px #faf, 493px 288px #faf, 2442px 9px #faf, 134px 1429px #faf, 828px 2081px #faf, 1133px 1356px #faf, 249px 2361px #faf, 1839px 1029px #faf, 570px 1160px #faf, 325px 429px #faf, 2522px 225px #faf, 373px 1763px #faf, 541px 856px #faf, 189px 2319px #faf, 1035px 823px #faf, 65px 1417px #faf, 2520px 2410px #faf, 111px 323px #faf, 460px 1308px #faf, 2153px 495px #faf, 733px 87px #faf, 1523px 2059px #faf, 2465px 393px #faf, 2480px 2181px #faf, 2244px 1716px #faf, 454px 664px #faf, 1914px 1365px #faf, 1648px 1518px #faf, 966px 1235px #faf, 2053px 677px #faf, 1082px 1209px #faf, 1995px 1355px #faf, 1222px 781px #faf, 2463px 54px #faf, 607px 580px #faf, 1109px 1434px #faf, 1363px 1496px #faf, 1709px 423px #faf, 1655px 193px #faf, 692px 2461px #faf, 930px 28px #faf, 659px 1425px #faf, 1689px 299px #faf, 1134px 1220px #faf, 776px 2488px #faf, 1332px 927px #faf, 1809px 44px #faf, 208px 1681px #faf, 1812px 909px #faf, 202px 356px #faf, 294px 1502px #faf, 2155px 2437px #faf, 2137px 228px #faf, 92px 144px #faf, 253px 844px #faf, 2488px 82px #faf, 1704px 2512px #faf, 1047px 1459px #faf, 425px 1071px #faf, 2170px 2036px #faf, 13px 374px #faf, 288px 2127px #faf, 1914px 1622px #faf, 1980px 967px #faf, 1960px 2268px #faf, 2269px 1563px #faf, 2134px 767px #faf, 1817px 2369px #faf, 1458px 229px #faf, 1976px 654px #faf, 956px 537px #faf, 1342px 1321px #faf, 2251px 1093px #faf, 218px 2282px #faf, 1340px 1587px #faf, 173px 1701px #faf, 1449px 1377px #faf, 1350px 416px #faf, 1527px 1167px #faf, 1135px 784px #faf, 2006px 1526px #faf, 864px 2195px #faf, 2464px 2346px #faf, 913px 896px #faf, 1642px 626px #faf, 782px 367px #faf, 593px 2423px #faf, 1005px 1391px #faf, 2162px 1849px #faf, 1299px 1735px #faf, 2393px 74px #faf, 2472px 439px #faf, 946px 2430px #faf, 1432px 1628px #faf, 2010px 293px #faf, 1265px 136px #faf;
    width: 3.5px;
    height: 3.5px;
}

.particle:nth-child(3) {
    animation: particles 40s linear infinite;
}

.particle:nth-child(3), .particle:nth-child(3)::after {
    box-shadow: 0 0 #faf, 1950px 1915px #faf, 1695px 1684px #faf, 2549px 2211px #faf, 1567px 2334px #faf, 281px 1415px #faf, 432px 691px #faf, 1194px 676px #faf, 702px 1964px #faf, 44px 74px #faf, 1838px 289px #faf, 601px 1949px #faf, 1143px 72px #faf, 433px 529px #faf, 2480px 1098px #faf, 1190px 2387px #faf, 461px 515px #faf, 1282px 2055px #faf, 2107px 1097px #faf, 2271px 197px #faf, 525px 911px #faf, 1221px 1892px #faf, 1524px 1301px #faf, 1756px 1372px #faf, 1329px 1691px #faf, 2403px 346px #faf, 2078px 2155px #faf, 1034px 877px #faf, 336px 860px #faf, 287px 1930px #faf, 665px 346px #faf, 1406px 1827px #faf, 722px 601px #faf, 511px 1331px #faf, 645px 1626px #faf, 546px 1571px #faf, 13px 1430px #faf, 1963px 902px #faf, 1390px 2025px #faf, 939px 822px #faf, 2032px 1384px #faf, 2232px 2083px #faf, 1316px 1716px #faf, 2008px 803px #faf, 1994px 1929px #faf, 1651px 1624px #faf, 382px 1911px #faf, 162px 2560px #faf, 2010px 933px #faf, 1231px 2043px #faf, 1214px 346px #faf, 318px 2198px #faf, 1310px 312px #faf, 1232px 255px #faf, 1291px 1857px #faf, 1536px 1849px #faf, 743px 360px #faf, 994px 1004px #faf, 2334px 2389px #faf, 229px 273px #faf, 469px 2081px #faf, 287px 2417px #faf, 655px 1945px #faf, 1477px 809px #faf, 1520px 11px #faf, 1946px 672px #faf, 1556px 1986px #faf, 758px 1600px #faf, 377px 2366px #faf, 1896px 1352px #faf, 696px 2092px #faf, 2141px 2186px #faf, 2524px 365px #faf, 854px 1519px #faf, 1250px 2363px #faf, 1621px 2506px #faf, 1510px 228px #faf, 2383px 1892px #faf, 674px 1680px #faf, 1611px 1101px #faf, 685px 2173px #faf, 1510px 1272px #faf, 1896px 1004px #faf, 592px 672px #faf, 671px 52px #faf, 886px 1304px #faf, 1718px 95px #faf, 1806px 1008px #faf, 1307px 2310px #faf, 788px 362px #faf, 2111px 2122px #faf, 1383px 1051px #faf, 791px 668px #faf, 1738px 990px #faf, 1265px 700px #faf, 398px 627px #faf, 1893px 27px #faf, 2294px 1015px #faf, 1884px 2362px #faf, 2394px 853px #faf, 471px 1695px #faf;
    width: 2.5px;
    height: 2.5px;
    opacity: 0.625;
}

.particle:nth-child(4) {
    animation: particles 60s linear infinite;
}

.particle:nth-child(4), .particle:nth-child(4)::after {
    box-shadow: 0 0 #faf, 2306px 1814px #faf, 2198px 2221px #faf, 318px 416px #faf, 1424px 2140px #faf, 1374px 148px #faf, 160px 2552px #faf, 2190px 195px #faf, 831px 378px #faf, 1657px 1385px #faf, 1071px 119px #faf, 2523px 1038px #faf, 822px 620px #faf, 693px 1173px #faf, 1787px 2323px #faf, 2173px 1572px #faf, 652px 1936px #faf, 1535px 1950px #faf, 13px 1123px #faf, 131px 902px #faf, 2391px 1668px #faf, 2072px 2272px #faf, 494px 1569px #faf, 1216px 367px #faf, 90px 2091px #faf, 87px 209px #faf, 474px 1276px #faf, 1175px 1510px #faf, 959px 1909px #faf, 176px 472px #faf, 2193px 449px #faf, 682px 2002px #faf, 1622px 1473px #faf, 1538px 2554px #faf, 1434px 1814px #faf, 1093px 2545px #faf, 2432px 2511px #faf, 208px 1655px #faf, 970px 1542px #faf, 51px 1252px #faf, 20px 1435px #faf, 1899px 841px #faf, 1029px 1467px #faf, 1608px 754px #faf, 1230px 2105px #faf, 856px 1716px #faf, 516px 1044px #faf, 1451px 146px #faf, 1227px 1459px #faf, 2541px 1087px #faf, 2369px 576px #faf, 1729px 2480px #faf, 1806px 1445px #faf, 2528px 268px #faf, 2442px 1866px #faf, 150px 858px #faf, 2489px 2298px #faf, 35px 551px #faf, 763px 1043px #faf, 2142px 1307px #faf, 811px 1100px #faf, 436px 681px #faf, 2291px 2018px #faf, 2241px 1456px #faf, 1308px 2538px #faf, 1932px 1619px #faf, 2536px 1940px #faf, 346px 1870px #faf, 1456px 197px #faf, 2400px 2235px #faf, 958px 1487px #faf, 575px 2457px #faf, 2326px 1034px #faf, 285px 990px #faf, 844px 2160px #faf, 2246px 2080px #faf, 42px 1826px #faf, 1675px 236px #faf, 1660px 701px #faf, 2238px 2298px #faf, 9px 1229px #faf, 2292px 1540px #faf, 1565px 1922px #faf, 774px 1623px #faf, 116px 2189px #faf, 332px 1720px #faf, 1853px 93px #faf, 946px 1409px #faf, 1150px 115px #faf, 1525px 2301px #faf, 525px 1428px #faf, 1371px 1852px #faf, 686px 352px #faf, 55px 555px #faf, 1218px 2290px #faf, 152px 1548px #faf, 1610px 649px #faf, 2012px 442px #faf, 2472px 804px #faf, 1224px 912px #faf, 2250px 1799px #faf, 1934px 36px #faf, 1468px 2055px #faf, 2159px 1989px #faf, 2506px 1825px #faf, 1104px 69px #faf, 1743px 89px #faf, 2150px 2179px #faf, 307px 2387px #faf, 1008px 2463px #faf, 1391px 1881px #faf, 371px 76px #faf, 671px 959px #faf, 1582px 1905px #faf, 479px 2150px #faf, 1047px 486px #faf, 774px 379px #faf, 1651px 832px #faf, 1880px 811px #faf, 1052px 1787px #faf, 1213px 1534px #faf, 2058px 174px #faf, 184px 291px #faf, 1243px 1457px #faf, 2515px 319px #faf, 2346px 755px #faf, 2099px 2438px #faf, 2009px 1586px #faf, 2057px 644px #faf, 1270px 1346px #faf, 1270px 2305px #faf, 1838px 1088px #faf, 733px 1083px #faf, 112px 141px #faf, 175px 1858px #faf, 478px 2342px #faf, 1711px 1594px #faf, 386px 997px #faf, 1011px 470px #faf, 2111px 1677px #faf, 2181px 603px #faf, 2478px 1593px #faf, 602px 1887px #faf, 1628px 342px #faf, 2013px 2120px #faf, 2163px 2097px #faf, 2084px 1479px #faf, 1599px 331px #faf, 2070px 1890px #faf, 205px 1107px #faf, 1080px 463px #faf, 1004px 1306px #faf, 453px 1603px #faf, 87px 2445px #faf, 1822px 671px #faf, 118px 2280px #faf, 2046px 216px #faf, 347px 1551px #faf, 2479px 1540px #faf, 1699px 504px #faf, 1538px 1752px #faf, 2028px 1272px #faf, 1140px 1204px #faf, 973px 1016px #faf, 1689px 2104px #faf, 1417px 144px #faf, 859px 2151px #faf, 294px 1434px #faf, 855px 672px #faf, 3px 2303px #faf, 397px 1582px #faf, 1292px 1115px #faf, 2488px 1356px #faf, 1229px 643px #faf, 595px 2528px #faf, 995px 617px #faf, 990px 339px #faf, 2113px 585px #faf, 1649px 111px #faf, 1343px 1969px #faf, 573px 337px #faf, 2386px 564px #faf, 2005px 1502px #faf, 905px 1835px #faf, 2189px 1420px #faf, 1902px 2529px #faf, 1685px 1220px #faf, 976px 2541px #faf, 1495px 644px #faf, 1869px 1950px #faf, 2310px 1699px #faf, 206px 1411px #faf, 816px 1432px #faf, 408px 2499px #faf, 1659px 256px #faf, 1477px 986px #faf, 280px 672px #faf, 1194px 1375px #faf, 1201px 2019px #faf, 965px 1100px #faf, 995px 889px #faf, 948px 2180px #faf, 478px 1533px #faf, 1771px 48px #faf, 2113px 1880px #faf, 335px 2322px #faf, 1681px 2180px #faf, 1134px 1980px #faf, 2177px 936px #faf, 906px 1030px #faf, 950px 511px #faf, 832px 537px #faf, 1565px 1719px #faf, 2193px 1708px #faf, 1344px 1774px #faf, 1566px 209px #faf, 635px 600px #faf, 793px 548px #faf, 1313px 1331px #faf, 2401px 1016px #faf, 56px 1562px #faf, 1182px 1782px #faf, 2539px 513px #faf, 1732px 83px #faf, 1734px 2471px #faf, 1569px 2156px #faf, 1424px 258px #faf, 1828px 243px #faf, 2312px 2524px #faf, 1811px 582px #faf, 2279px 1950px #faf, 1303px 2473px #faf, 1167px 1768px #faf, 1784px 1204px #faf, 2177px 417px #faf, 154px 364px #faf, 1520px 310px #faf, 2064px 1141px #faf, 2223px 1277px #faf, 2394px 2112px #faf, 1646px 507px #faf, 2432px 1314px #faf, 969px 410px #faf, 508px 2040px #faf, 498px 2159px #faf, 1120px 2191px #faf, 1291px 63px #faf, 1346px 118px #faf, 2358px 2012px #faf, 1743px 2292px #faf, 1034px 170px #faf, 1261px 83px #faf, 2070px 289px #faf, 2224px 382px #faf, 2177px 1874px #faf, 1355px 212px #faf, 1482px 598px #faf, 873px 2479px #faf, 1427px 1331px #faf, 2312px 1451px #faf, 1465px 2396px #faf, 1963px 78px #faf, 340px 908px #faf, 1959px 1746px #faf, 819px 471px #faf, 2421px 1928px #faf, 1708px 2399px #faf, 779px 171px #faf, 1566px 1089px #faf, 2186px 906px #faf, 5px 1062px #faf, 1150px 602px #faf, 399px 2480px #faf, 1243px 2281px #faf, 865px 539px #faf, 1284px 1945px #faf, 433px 275px #faf, 655px 2137px #faf, 574px 1856px #faf, 752px 1359px #faf, 1901px 247px #faf, 1363px 555px #faf, 1px 2124px #faf, 1961px 597px #faf, 1049px 1660px #faf, 709px 533px #faf, 1632px 1877px #faf, 2377px 1109px #faf, 1654px 1261px #faf, 659px 1072px #faf, 980px 471px #faf, 2527px 1278px #faf, 230px 1272px #faf, 513px 1844px #faf, 1943px 793px #faf, 1629px 1699px #faf, 2509px 1537px #faf, 2450px 800px #faf, 2217px 2165px #faf, 718px 1828px #faf, 811px 2114px #faf, 2047px 2378px #faf, 413px 1962px #faf, 1138px 1355px #faf, 1571px 2337px #faf, 1568px 1485px #faf, 353px 2369px #faf, 365px 1533px #faf, 126px 1680px #faf, 802px 2557px #faf, 1674px 382px #faf, 1855px 2128px #faf, 847px 1800px #faf, 2028px 1910px #faf, 1909px 789px #faf, 1639px 1521px #faf, 1943px 429px #faf, 2374px 517px #faf, 1203px 2036px #faf, 1290px 2361px #faf, 1639px 1095px #faf, 1167px 1043px #faf, 1618px 2028px #faf, 423px 530px #faf, 2500px 1939px #faf, 1832px 1100px #faf, 318px 2493px #faf, 1764px 2460px #faf, 2495px 1439px #faf, 518px 1961px #faf, 199px 2174px #faf, 1295px 964px #faf, 1055px 2406px #faf, 1173px 1721px #faf, 2428px 337px #faf, 1218px 1075px #faf, 107px 893px #faf, 457px 213px #faf, 1766px 97px #faf, 2040px 1661px #faf, 1171px 433px #faf, 1819px 2120px #faf, 1586px 2168px #faf, 584px 2135px #faf, 215px 1094px #faf, 147px 1557px #faf, 1039px 395px #faf, 1949px 247px #faf, 653px 1879px #faf, 2436px 1651px #faf, 126px 1659px #faf, 1337px 2533px #faf, 1864px 463px #faf, 1372px 2500px #faf, 2036px 754px #faf, 2252px 538px #faf, 2379px 2210px #faf, 1646px 1996px #faf, 1288px 1406px #faf, 702px 1186px #faf, 2552px 1697px #faf, 2198px 1014px #faf, 1019px 2062px #faf, 1138px 1407px #faf, 277px 1259px #faf, 1859px 827px #faf, 620px 1285px #faf, 2063px 269px #faf, 2375px 915px #faf, 1463px 1355px #faf, 2122px 262px #faf, 2403px 1955px #faf, 1981px 2226px #faf, 1388px 428px #faf, 987px 2215px #faf, 919px 2072px #faf, 604px 2094px #faf, 145px 1582px #faf, 1500px 2440px #faf, 511px 1159px #faf, 1119px 173px #faf, 766px 1617px #faf, 666px 2166px #faf, 1583px 1371px #faf, 1809px 1943px #faf, 589px 1547px #faf, 724px 259px #faf, 1282px 1525px #faf, 1229px 626px #faf, 350px 2300px #faf, 757px 47px #faf, 1426px 114px #faf, 749px 499px #faf, 952px 1522px #faf, 1299px 2072px #faf, 1686px 1088px #faf, 2195px 1616px #faf, 1219px 2007px #faf, 165px 2235px #faf, 2135px 2259px #faf, 359px 1520px #faf;
    width: 3px;
    height: 3px;
    opacity: 0.75;
}

@keyframes particles {
    0% {
      transform: translateY(0px);
    }
    100% {
      transform: translateY(-2560px);
    }
}

section {
    width: 100vw;
    min-height: calc(100vh - 60px);
    position: relative;
}

.tag-collection > *:not(:last-child)
{
    border-right: 1px solid white;
}

.card {
    background: linear-gradient(135deg, rgba(16, 22, 18, 0.625) 0%, rgba(0, 5, 10, 0.75) 50%, rgba(0, 0, 0, 0.875) 100%);
    border-radius: var(--margin-l);
    padding: var(--margin-m);
    position: relative;
}

.card .star {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    filter: invert(88%) sepia(29%) saturate(4073%) hue-rotate(348deg);
}

.icon {
    width: 90%;
    filter: invert(50%) brightness(5000%);
}

.card:hover .icon {
    position: relative;
    animation: purple-on-hover 0.125s linear;
    filter: invert(53%) sepia(78%) saturate(7472%) hue-rotate(270deg) brightness(94%) contrast(123%);
}

#tech-stack .card, #softwares .card {
    width: max(5vw, 48px);
    aspect-ratio: 1;
}

.hover-subtitle {
    position: absolute;
    bottom: calc(-1.5vw - var(--margin-m));
    opacity: 0.5;
    transition: 0s linear;
}

.card:hover .hover-subtitle {
    opacity: 1;
    font-weight:bold;
}

.frame-bracket {
    width: max(5vw, 5vh);
    height: max(5vw, 5vh);
    position: absolute;
}

.frame-bracket.upper-left {
    top: 15vh;
    left: 15vw;
    border-top: 10px solid white;
    border-left: 10px solid white;
}

.frame-bracket.bottom-right {
    bottom: 15vh;
    right: 15vw;
    border-right: 10px solid white;
    border-bottom: 10px solid white;
}

.frame-bracket.upper-right {
    top: 15vh;
    right: 15vw;
    border-top: 10px solid white;
    border-right: 10px solid white;
}

.frame-bracket.bottom-left {
    bottom: 15vh;
    left: 15vw;
    border-left: 10px solid white;
    border-bottom: 10px solid white;
}

section > div {
    overflow-x: hidden;
}

#about > div {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 5px 1fr;
    width: 75vw;
    height: 60vh;
}

#tech-stack {
    grid-area: 1 / 1 / span 1 / span 1;
    padding-bottom: var(--margin-xl);
}

#softwares {
    grid-area: 2 / 1 / span 1 / span 1;
    padding-bottom: var(--margin-xl);
}

#skills {
    grid-area: 1 / 3 / span 2 / span 1;
}

@keyframes background-scroll {
    0% { background-position: 0px 0px; }

    100% { background-position: 0px -40px; }
}

.divider {
    background: repeating-linear-gradient(transparent 0px, transparent 20px, white 20px, white 40px, transparent 40px);
    position: absolute;
    opacity: 0.25;
}

#about-divider {
    width: 5px;
    height: 45vh;
    top: calc(((100vh - 60px) - 45vh) / 2);
    left: 50vw;
} 

#experience, #projects, #contact {
    padding: 20vh 0;
}

#experience > div, #projects > div, #contact > div {
    display: grid;
    width: 60vw;
}

#experience-container > .card, #projects > .card, #contact > .card {
    width: calc(100% - 16px);
    margin-bottom: var(--margin-l);
    position: relative;
}

.experience-info {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-left: var(--margin-m);
    justify-content: space-between;
}

.experience-info img {
    border-radius: 8px;
    cursor: zoom-in;
}

#projects h2, #contact h2 {
    text-wrap: balance;
}

footer {
    width: 100vw;
    height: 15vh;
    background: black;
    margin-top: var(--margin-xxl);
    box-shadow: 0px 0px 10px black;
}

.drop-down-arrow {
    position: absolute;
    top: var(--margin-l);
    right: var(--margin-l);
    filter: brightness(0%) invert(80%);
    cursor: pointer;
    rotate: 0deg;
    margin: -8px;
    transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#contact img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(56%) saturate(7489%) hue-rotate(277deg) brightness(107%) contrast(104%);
}

#contact-links > div {
    width: max(64px, 10%);
    aspect-ratio: 1;
}

.drop-down-arrow:hover {
    filter: brightness(0%) invert(100%);
    transform: scale(125%);
}

button {
    position: relative;
    top: 0;
    cursor: pointer;
    background: transparent;
    background-position-x: 0;
    border: 4px white solid;;
    padding: var(--margin-m);
    transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.125s;
    filter: drop-shadow(0px 0px 5px rgba(255, 237, 163, 0.75));
}

button h5 {
    color: white;
    mix-blend-mode: difference;
}

#download-resume, #mail-contact, #github-contact, #linkedin-contact {
    margin: var(--margin-xl);
    transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.125s;
}

#download-resume:hover, #mail-contact:hover, #github-contact:hover, #linkedin-contact:hover {
    transform: scale(1.15);
}

#mail-contact:hover, #github-contact:hover, #linkedin-contact:hover {
    filter: brightness(0%) invert(100%);
}

a:hover button {
    transform: scale(1.15);
    filter: drop-shadow(0px 0px 5px rgba(255, 237, 163, 1));
}

#image-preview {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.75);
    z-index: 50;
    display: none;
}

#preview-image {
    width: 60vw;
    height: 60vh;
    position: relative;
    left: 20vw;
    top: 20vh;
    background-image: url("/ieeehkncrest.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#preview-exit {
    position: absolute;
    top: min(10vh, 10vw);
    right: 25vw;
    width: min(5vw, 5vh);
    height: min(5vw, 5vh);
    background-image: url("./x-symbol-svgrepo-com.svg");
    background-size: contain;
    background-position: center;
    filter: brightness(0%) invert(100%);
    cursor: pointer;
}

#image-preview.shown {
    left: 0;
    opacity: 1;
}

#image-preview.hidden {
    left: 0;
    opacity: 0;
}

a:active button {
    top: 4px;
}