@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");:root{--color-bg:#0d1117;--color-text:#c9d1d9;--color-text-secondary:#8b949e;--color-text-tertiary:#484f58;--color-accent:#58a6ff;--color-accent-hover:#79c0ff;--color-accent-20:rgba(121,193,255,0.151);--font-body:"Merriweather",serif;--font-size-base:16px;--font-size-lg:28px;--font-size-xl:38px;--border-radius:6px;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--transition:0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5;display:flex;justify-content:center;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#trail-container{position:fixed;top:0;left:0;pointer-events:none;z-index:-1}.trail-dot{position:absolute;width:8px;height:8px;background:var(--color-accent);border-radius:50%;opacity:.7;animation:fadeOut .5s forwards}@keyframes fadeOut{to{transform:scale(.5);opacity:0}}.tooltip{position:relative;display:inline-block;cursor:help}.tooltip-text{visibility:hidden;background-color:black;color:white;text-align:center;padding:4px 8px;border-radius:10px;position:absolute;bottom:125%;left:50%;transform:translateX(-50%) translateY(20px);white-space:nowrap;z-index:1;opacity:0;transition:all .3s ease}.tooltip:hover .tooltip-text{visibility:visible;opacity:1;transform:translateX(-50%) translateY(5px)}.link{color:var(--color-accent);text-decoration:none;position:relative}.link:hover{color:var(--color-accent-hover)}.btn{background:transparent;color:var(--color-text);padding:.5rem 1rem;border:1px solid var(--color-accent);border-radius:var(--border-radius);cursor:pointer;font-family:var(--font-body);transition:background var(--transition);text-decoration:none}.btn:hover{background:var(--color-accent-20)}.heading-xl{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg);font-family:merriweather,serif}.heading-lg{font-weight:600;margin-bottom:var(--spacing-md)}.heading-lg,.heading-md{font-size:var(--font-size-lg)}.heading-md{font-weight:300;color:var(--color-accent);font-family:merriweather,serif}main{max-width:750px;width:100%;padding:4rem 2rem;margin:0 auto}section{margin-bottom:4rem}nav{padding:2rem 3rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;left:10px;top:20px;border-radius:1rem}nav ul{padding:0}nav li{margin-bottom:.5rem;cursor:pointer}nav li::marker,nav ul{color:var(--color-accent)}.underline{background-color:var(--color-accent-hover);width:0;height:2px;transition:width var(--transition)}nav link{color:var(--color-accent);text-decoration:none}nav link:hover{color:var(--color-accent-hover)}nav li:hover .longer-underline{width:100%}nav li:hover .shorter-underline{width:80%}.menu{height:100vh;width:100vw;background:#161b22;position:fixed;top:0;left:0;padding:2rem 3rem;font-size:2rem;display:none;transition:transform .3s ease;transform:translate(-100%)}.actual-menu ul li{margin:2rem .5rem}.hamburger{display:none;position:fixed;top:1rem;right:1rem;width:30px;height:40px;background-color:transparent;border:none;cursor:pointer;z-index:2000;color:rgba(255,255,255,.208)}.hamburger .line{width:100%;height:4px;background-color:var(--color-text);margin:6px 0;transition:all var(--transition);border-radius:5px}.open{transform:translate(0)}@media screen and (max-width:768px){.hamburger,.menu{display:block}.normal-menu,.underline{display:none}}.progress-bar{position:fixed;left:0;top:0;height:3px;width:100%;background-color:var(--color-text);border-bottom:2px solid var(--color-accent)}header{height:10%;width:80%;display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}header .title{margin-bottom:0;color:var(--color-accent)}header .title-desc{font-family:Inter,sans-serif;font-size:22px;color:var(--color-text-secondary)}.potrait-side{width:30%}.img-me{background-image:url(/me.jpg);background-size:150%;background-position:50%;height:100px;width:100px;border-radius:50%;border:1px solid var(--color-accent)}span{display:block;padding-bottom:30px}.social-list{display:flex;gap:1rem;list-style:none;padding:0;position:fixed;bottom:0;right:0;margin:20px}.social-link{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background-color:#161b22;border:1px solid var(--color-text-tertiary);transition:transform .2s ease,background-color .3s}.social-link:hover{transform:scale(1.1);background-color:var(--color-accent-20)}.scroll-breakout{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow-x:visible;padding:.5rem 0}.projects-cards{display:flex;gap:2rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 2rem;scroll-snap-type:x mandatory;scroll-padding-left:2rem;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;max-width:100%;scroll-behavior:smooth}.project:hover{box-shadow:0 4px 12px rgba(88,166,255,.15)}.projects-cards.active{cursor:-webkit-grabbing;cursor:grabbing}.projects-cards::-webkit-scrollbar{display:none}.project{flex:0 0 auto;scroll-snap-align:start;background-color:#0d1117;border:1px solid var(--color-text-tertiary);border-radius:1.25rem;width:300px;height:200px;transition:.2s ease;position:relative}.project-image{position:absolute;left:0;border-radius:.75rem;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .3s ease}.hidden-btn{height:100%;width:100%;display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.project:hover .hidden-btn{opacity:1;transform:translateY(0)}.project:hover .project-image{opacity:.1}.help{padding:.5rem 1rem;background-color:#151b23;width:-moz-fit-content;width:fit-content;color:var(--color-text-secondary);border-radius:var(--border-radius)}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}