@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;700&family=Raleway:wght@300;500;700;900&display=swap";:root{--purple-light:#bea0f2;--purple-medium:#8255d2;--purple-dark:#340078}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background-color:#000;font-family:Quicksand,sans-serif;overflow-x:hidden}::-webkit-scrollbar{display:none}h1{letter-spacing:4px;font-family:Raleway,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}h2{font-family:Quicksand,sans-serif;font-size:clamp(1rem,2vw,1.25rem);font-weight:300}h3{font-family:Quicksand,sans-serif;font-size:clamp(1rem,2vw,1.4rem);font-weight:700}p{font-family:Quicksand,sans-serif;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:300;line-height:1.6}a{color:inherit;text-decoration:none}.lilac{color:var(--purple-light)}.purple{color:var(--purple-medium)}::selection{background:var(--purple-medium)}#stars-container{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}#stars,#stars2,#stars3{position:absolute;top:0;left:0}#stars{background:0 0;width:1px;height:1px;animation:50s linear infinite animStar;box-shadow:1486px 1310px #fff,1561px 927px #fff,250px 1405px #fff,1511px 1291px #fff,1168px 320px #fff,1587px 915px #fff,1800px 1678px #fff,1293px 887px #fff,448px 1551px #fff,1087px 835px #fff,1828px 1237px #fff,1360px 1266px #fff,1755px 1510px #fff,51px 227px #fff,1447px 216px #fff,71px 1897px #fff,1266px 900px #fff,1926px 119px #fff,1782px 1788px #fff,1576px 1557px #fff,224px 495px #fff,1104px 642px #fff,426px 1276px #fff,1175px 574px #fff,795px 1949px #fff,1944px 707px #fff,1892px 880px #fff,271px 1115px #fff,476px 63px #fff,1537px 16px #fff,971px 395px #fff,1763px 1815px #fff,826px 1917px #fff,1681px 636px #fff,1364px 1410px #fff,1188px 410px #fff,194px 312px #fff,1891px 308px #fff,1790px 1835px #fff,1672px 713px #fff,489px 92px #fff,1811px 1516px #fff,1874px 45px #fff,1056px 1106px #fff,302px 1973px #fff,1652px 1670px #fff,90px 369px #fff,1680px 194px #fff,121px 916px #fff,1012px 508px #fff,755px 238px #fff,40px 1780px #fff,1794px 1883px #fff,786px 500px #fff,275px 1636px #fff,106px 718px #fff,1695px 318px #fff,1814px 131px #fff,245px 1280px #fff,1698px 760px #fff,1197px 1205px #fff,1289px 760px #fff,1901px 180px #fff,977px 103px #fff,451px 1181px #fff,1916px 1312px #fff,78px 1118px #fff,569px 1409px #fff,1396px 1779px #fff,140px 112px #fff,772px 1438px #fff,362px 944px #fff,1628px 1297px #fff,177px 1418px #fff,977px 908px #fff,934px 1200px #fff,527px 303px #fff,147px 1157px #fff,1500px 1719px #fff,1412px 844px #fff}#stars:after{content:" ";background:0 0;width:1px;height:1px;position:absolute;top:2000px;box-shadow:1486px 1310px #fff,1561px 927px #fff,250px 1405px #fff,1511px 1291px #fff,1168px 320px #fff,1587px 915px #fff,1800px 1678px #fff,1293px 887px #fff,448px 1551px #fff,1087px 835px #fff,1828px 1237px #fff,1360px 1266px #fff,1755px 1510px #fff,51px 227px #fff,1447px 216px #fff,71px 1897px #fff,1266px 900px #fff,1926px 119px #fff,1782px 1788px #fff,1576px 1557px #fff,224px 495px #fff,1104px 642px #fff,426px 1276px #fff,1175px 574px #fff,795px 1949px #fff,1944px 707px #fff,1892px 880px #fff,271px 1115px #fff,476px 63px #fff,1537px 16px #fff,971px 395px #fff,1763px 1815px #fff,826px 1917px #fff,1681px 636px #fff,1364px 1410px #fff,1188px 410px #fff,194px 312px #fff,1891px 308px #fff,1790px 1835px #fff,1672px 713px #fff,489px 92px #fff,1811px 1516px #fff,1874px 45px #fff,1056px 1106px #fff,302px 1973px #fff,1652px 1670px #fff,90px 369px #fff,1680px 194px #fff,121px 916px #fff,1012px 508px #fff,755px 238px #fff,40px 1780px #fff,1794px 1883px #fff,786px 500px #fff,275px 1636px #fff,106px 718px #fff,1695px 318px #fff,1814px 131px #fff,245px 1280px #fff,1698px 760px #fff,1197px 1205px #fff,1289px 760px #fff,1901px 180px #fff,977px 103px #fff,451px 1181px #fff,1916px 1312px #fff,78px 1118px #fff,569px 1409px #fff,1396px 1779px #fff,140px 112px #fff,772px 1438px #fff,362px 944px #fff,1628px 1297px #fff,177px 1418px #fff,977px 908px #fff,934px 1200px #fff,527px 303px #fff,147px 1157px #fff,1500px 1719px #fff,1412px 844px #fff}#stars2{background:0 0;width:2px;height:2px;animation:100s linear infinite animStar;box-shadow:286px 795px #fff,1446px 301px #fff,105px 196px #fff,1787px 1957px #fff,1321px 1657px #fff,106px 392px #fff,929px 1464px #fff,388px 315px #fff,744px 958px #fff,640px 670px #fff,1129px 498px #fff,483px 1176px #fff,575px 825px #fff,237px 961px #fff,942px 1319px #fff,1897px 1830px #fff,1458px 1173px #fff,1419px 1330px #fff,1004px 401px #fff,1749px 1656px #fff,1856px 1699px #fff,1223px 1833px #fff,1310px 791px #fff,114px 207px #fff,373px 56px #fff,1043px 1647px #fff,1060px 244px #fff,1263px 1331px #fff,555px 1217px #fff,145px 638px #fff,940px 852px #fff,933px 1498px #fff,1317px 164px #fff,1364px 965px #fff,1910px 646px #fff,1529px 330px #fff,1234px 664px #fff,137px 683px #fff,1608px 1802px #fff,1279px 1199px #fff}#stars2:after{content:" ";background:0 0;width:2px;height:2px;position:absolute;top:2000px;box-shadow:286px 795px #fff,1446px 301px #fff,105px 196px #fff,1787px 1957px #fff,1321px 1657px #fff,106px 392px #fff,929px 1464px #fff,388px 315px #fff,744px 958px #fff,640px 670px #fff,1129px 498px #fff,483px 1176px #fff,575px 825px #fff,237px 961px #fff,942px 1319px #fff,1897px 1830px #fff,1458px 1173px #fff,1419px 1330px #fff,1004px 401px #fff,1749px 1656px #fff,1856px 1699px #fff,1223px 1833px #fff,1310px 791px #fff,114px 207px #fff,373px 56px #fff,1043px 1647px #fff,1060px 244px #fff,1263px 1331px #fff,555px 1217px #fff,145px 638px #fff,940px 852px #fff,933px 1498px #fff,1317px 164px #fff,1364px 965px #fff,1910px 646px #fff,1529px 330px #fff,1234px 664px #fff,137px 683px #fff,1608px 1802px #fff,1279px 1199px #fff}#stars3{background:0 0;width:3px;height:3px;animation:150s linear infinite animStar;box-shadow:581px 759px #fff,1947px 1241px #fff,905px 1180px #fff,669px 1257px #fff,735px 860px #fff,599px 1726px #fff,1830px 939px #fff,1944px 827px #fff,232px 1887px #fff,1716px 476px #fff,1930px 1093px #fff,1402px 781px #fff,1060px 1524px #fff,1819px 1179px #fff,714px 680px #fff,925px 691px #fff,1164px 837px #fff,142px 1831px #fff,1095px 999px #fff,3px 166px #fff}#stars3:after{content:" ";background:0 0;width:3px;height:3px;position:absolute;top:2000px;box-shadow:581px 759px #fff,1947px 1241px #fff,905px 1180px #fff,669px 1257px #fff,735px 860px #fff,599px 1726px #fff,1830px 939px #fff,1944px 827px #fff,232px 1887px #fff,1716px 476px #fff,1930px 1093px #fff,1402px 781px #fff,1060px 1524px #fff,1819px 1179px #fff,714px 680px #fff,925px 691px #fff,1164px 837px #fff,142px 1831px #fff,1095px 999px #fff,3px 166px #fff}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}section{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.menu-button{z-index:100;cursor:pointer;background:0 0;border:none;padding:.5rem;transition:transform .3s;position:fixed;top:2rem;left:2rem}.menu-button svg{width:2rem;height:2rem;color:var(--purple-medium)}.menu-button:hover{transform:scale(1.1)}.menu-button:hover svg{color:#fff}.nav-overlay{z-index:99;background:#000000f2;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-content{text-align:center;flex-direction:column;gap:2rem;display:flex}.nav-content a{color:#fff;font-family:Quicksand,sans-serif;font-size:1.5rem;font-weight:700;transition:color .3s}.nav-content a:hover{color:var(--purple-medium)}#intro{text-align:center;flex-direction:column}.intro-content{flex-direction:column;align-items:center;gap:2rem;display:flex}.logo{width:min(30vw,300px);height:auto}.intro-text{text-align:center;max-width:800px}.welcome{font-weight:700}.scroll-down{text-align:center;transition:color .3s;animation:1.5s infinite fadeinout;position:absolute;bottom:10vh}.scroll-down:hover{color:#fff}@keyframes fadeinout{0%,to{opacity:0}50%{opacity:1}}#about{align-items:flex-start;min-height:100vh;padding:8rem 2rem 4rem}.about-container{justify-content:center;align-items:flex-start;gap:3rem;width:100%;max-width:1400px;display:flex}.about-left,.about-right{flex:1;max-width:350px}.about-left h1{text-align:left;margin-bottom:1.5rem}.about-left p{margin-bottom:1rem}.contact-link{margin-top:1rem;font-weight:700;transition:color .3s;display:inline-block}.contact-link:hover{color:var(--purple-medium)}.about-center{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.profile-pic{object-fit:cover;border-radius:50%;width:300px;height:300px}.about-right h1{text-align:right;margin-bottom:1.5rem}.about-right{min-height:400px}.skill-card{border:2px solid var(--purple-medium);cursor:pointer;border-radius:25px;margin-bottom:1rem;padding:1rem;overflow:hidden}.skill-card:hover{background:#8255d24d}.skill-header{justify-content:center;align-items:center;gap:.5rem;display:flex}.skill-header h4{letter-spacing:1px;margin:0;font-family:Raleway,sans-serif;font-size:1rem;font-weight:900}.skill-arrow{font-size:1.2rem}.skill-tags{grid-template-rows:0fr;width:100%;transition:grid-template-rows .2s;display:grid}.skill-card.expanded .skill-tags{grid-template-rows:1fr}.skill-tags-inner{flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:0;padding:0;display:flex;overflow:hidden}.skill-card.expanded .skill-tags-inner{padding-top:1rem}.skill-tag{background:var(--purple-dark);color:#fff;border-radius:15px;padding:.3rem .8rem;font-size:.85rem}#projects{flex-direction:column;gap:2rem}.projects-container{flex-direction:column;align-items:center;width:100%;max-width:1000px;display:flex}.projects-title{text-align:center;margin-bottom:2rem}.embla{--slide-spacing:1rem;--slide-size:60%;width:100%;max-width:1000px;margin:auto;position:relative}.embla__viewport{overflow:hidden}.embla:before,.embla:after{content:"";z-index:2;pointer-events:none;width:20%;position:absolute;top:0;bottom:60px}.embla:before{background:linear-gradient(90deg,#000000e6 0%,#0000 100%);left:0}.embla:after{background:linear-gradient(270deg,#000000e6 0%,#0000 100%);right:0}.embla__container{touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1);display:flex}.embla__slide{flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing);position:relative}.embla__slide__image{-webkit-user-select:none;user-select:none;background-position:50%;background-size:cover;border-radius:.5rem;width:100%;height:400px}.embla__buttons{z-index:3;pointer-events:none;justify-content:space-between;padding:0 1rem;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.embla__button{appearance:none;touch-action:manipulation;cursor:pointer;border:2px solid var(--purple-medium);width:3.5rem;height:3.5rem;color:var(--purple-medium);pointer-events:auto;background-color:#00000080;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;transition:all .3s;display:flex}.embla__button:hover{background-color:var(--purple-medium);color:#fff}.embla__button--disabled{opacity:.3;cursor:default}.embla__button--disabled:hover{color:var(--purple-medium);background-color:#00000080}.embla__button__svg{width:35%;height:35%}.embla__controls{justify-content:center;margin-top:1.5rem;display:flex}.embla__dots{align-items:center;gap:.5rem;display:flex}.embla__dot{appearance:none;touch-action:manipulation;cursor:pointer;background-color:#0000;border:0;border-radius:50%;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;margin:0;padding:0;display:flex;position:relative}.embla__dot:before,.embla__dot:after{content:"";border-radius:50%;width:.8rem;height:.8rem;position:absolute}.embla__dot:before{border:2px solid var(--purple-medium)}.embla__dot:after{background-color:var(--purple-light);opacity:0;transition:opacity .3s}.embla__dot--selected:after{opacity:1}.project-info{text-align:center;max-width:600px;margin-top:1.5rem}.project-info h3{margin-bottom:.5rem}.project-info p{margin-bottom:1rem}.project-links{justify-content:center;gap:1.5rem;display:flex}.project-link{color:var(--purple-medium);transition:all .3s}.project-link svg{width:2rem;height:2rem}.project-link:hover{color:#fff;transform:rotate(-15deg)scale(1.1)}#contact{text-align:center;flex-direction:column}.contact-container{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.contact-text{max-width:600px}.social-links{gap:2rem;margin-top:1rem;display:flex}.social-link{color:var(--purple-medium);transition:all .3s}.social-link svg{width:2.5rem;height:2.5rem}.social-link:hover{color:#fff;transform:rotate(-15deg)scale(1.1)}@media (width<=1024px){.about-container{flex-direction:column;align-items:center}.about-left,.about-right{text-align:center;max-width:100%}.about-left h1,.about-right h1{text-align:center}.about-center{order:-1}}@media (width<=768px){.logo{width:70vw}.menu-button{top:1rem;left:1rem}section{padding:1rem}.social-links{gap:1.5rem}.social-link svg{width:2rem;height:2rem}.embla{--slide-size:75%}.embla__slide__image{height:250px}.embla__button{width:2.5rem;height:2.5rem}.embla__buttons{padding:0 .5rem}.embla:before,.embla:after{width:12%}}