@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";.section-container{width:1300px}.title,.para{font-kerning:none;-webkit-text-rendering:optimizeSpeed;text-rendering:optimizespeed;transform:translateZ(0)}@media only screen and (width<=1600px){.section-container{width:1200px;max-width:calc(100% - 160px)}}@media only screen and (width<=1400px){.section-container{width:900px}}@media only screen and (width<=900px){.section-container{width:500px;max-width:var(--cWidth)}}:root{font-optical-sizing:auto;scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#eae5ec;background-color:var(--backgroundColor);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;--accentColor:#5eead4;--backgroundColor:#0a0e17;--vh:100svh;font-family:Geist,sans-serif;font-style:normal;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}h1,h2,h3,h4,h5,h6{font-family:Geist,sans-serif}body{overflow:hidden}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}a:hover{color:var(--accentColor)}main{opacity:1;transition:all .3s}.main-active{opacity:0;animation:1s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}body{--cWidth:calc(100% - 30px);--cMaxWidth:1920px;background-color:#050810;flex-grow:1;max-width:100vw;height:auto;margin:0;overflow-x:hidden}.main-body{max-width:100vw;overflow-x:hidden}.container-main{width:100%;margin:auto;position:relative}.container1{width:var(--cWidth);height:var(--vh);margin:auto;position:relative}.split-line{overflow:hidden}.split-h2{white-space:nowrap;flex-wrap:nowrap;display:flex;overflow:hidden}.techstack{width:100%;height:var(--vh);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;margin:50px auto -100px;padding-top:60px;display:flex;position:relative;overflow:clip}.techstack h2{text-align:center;text-transform:uppercase;width:100%;margin:0 0 48px;font-size:80px;font-weight:400}@media screen and (width>=768px){body{--cWidth:94%}}@media screen and (width<=900px){.techstack h2{margin-bottom:28px;font-size:40px}}.skills-matrix{flex-direction:column;width:min(900px,85%);display:flex}.skill-row{opacity:0;border-bottom:1px solid #5eead41a;align-items:baseline;gap:18px;padding:14px 0;display:flex}.skills-in .skill-row{animation:.35s forwards skillIn}.skills-out .skill-row{animation:.45s forwards skillOut}@keyframes skillIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes skillOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(14px)}}.skill-idx{color:#5eead4;opacity:.45;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:28px;font-family:monospace;font-size:13px}.skill-name{color:#eae5ec;letter-spacing:-1px;flex:1;font-family:Geist,monospace;font-size:68px;font-weight:300;line-height:1}.skill-bar{opacity:.6;background:linear-gradient(270deg,#0000,#5eead4);flex-shrink:0;align-self:center;width:50px;height:1px}@media screen and (width<=900px){.skill-name{font-size:36px}.skills-matrix{width:min(500px,90%)}}