@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-base:#191724;--color-surface:#1f1d2e;--color-overlay:#26233a;--color-muted:#6e6a86;--color-subtle:#908caa;--color-text:#e0def4;--color-love:#eb6f92;--color-gold:#f6c177;--color-rose:#ebbcba;--color-pine:#31748f;--color-foam:#9ccfd8;--color-iris:#c4a7e7;--color-highlight-low:#21202e;--color-highlight-med:#403d52;--color-highlight-high:#524f67;--font-sans:"Geist Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--grid-spacing:5%;--navbar-width:10vw;--max-navbar-width:120px;--navbar-size:min(var(--navbar-width), var(--max-navbar-width));--navbar-height-mobile:4rem;--content-padding:1rem}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--navbar-height-mobile) + .5rem);scroll-behavior:smooth}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-base);background-image:linear-gradient(to right, var(--color-overlay) 1px, transparent 1px), linear-gradient(to bottom, var(--color-overlay) 1px, transparent 1px);color:var(--color-text);background-size:var(--grid-spacing) var(--grid-spacing);background-position:0 0;min-height:100dvh;margin:0}main{width:100%;padding:var(--navbar-height-mobile) var(--content-padding) 0;flex-direction:column;align-items:center;display:flex}#aboutme-box{background-color:var(--color-overlay);flex-direction:column;justify-content:space-around;align-items:center;gap:1rem;width:100%;max-width:40rem;margin:clamp(1.5rem,8vh,5rem) auto 0;padding:.75rem;display:flex}#aboutme-box img{aspect-ratio:1;object-fit:cover;flex-shrink:0;align-self:center;width:min(70%,14rem);height:auto}.aboutme-text{width:100%;max-width:34rem;padding-left:5px;padding-right:5px}.aboutme-text h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,6vw,2rem)}#job-exp-section{flex-flow:wrap;justify-content:center;align-items:stretch;gap:1rem;width:100%;display:flex}.job-exp{text-align:left;background-color:var(--color-overlay);border-radius:15px;flex-direction:column;flex:15rem;min-width:0;max-width:100%;padding:15px;transition:background-color .2s;display:flex}.job-exp h2,.job-exp h3,.job-exp p{color:var(--color-text);overflow-wrap:anywhere;transition:color .2s}.job-exp:hover{background-color:var(--color-love)}.job-exp:hover h2,.job-exp:hover h3,.job-exp:hover p{color:var(--color-base);transition:color .2s}.navbar{z-index:10;background-color:var(--color-surface);border-bottom:1px solid var(--color-highlight-med);width:100%;position:fixed;top:0;left:0;right:0}.navbar ul{text-align:center;flex-direction:row;justify-content:space-around;align-items:stretch;gap:.5rem;height:auto;margin:0;padding:.5rem;display:flex;list-style-type:none!important}.navbar li{background-color:var(--color-overlay);cursor:pointer;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;gap:.35rem;width:100%;padding:.6rem .4rem;transition:background-color .2s;display:flex}.navbar li:hover{background-color:var(--color-love)}.navbar li svg{color:var(--color-text);transition:color .2s}.navbar li span{color:var(--color-text);white-space:nowrap;font-size:clamp(.75rem,3vw,.95rem);font-weight:500;transition:color .2s}.navbar a{color:inherit;flex:1 1 0;text-decoration:none;display:flex}.navbar li:hover svg,.navbar li:hover span{color:var(--color-base)}.section-header{text-align:center;letter-spacing:-.02em;align-items:center;margin-top:30px;margin-bottom:30px;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;display:flex}.section-header svg{flex-shrink:0;margin-right:10px}#contact-me-section{text-align:center;letter-spacing:-.02em;margin-top:30px;margin-bottom:30px;font-size:clamp(1.5rem,5vw,2rem)}.contact-me{text-align:center;background-color:var(--color-overlay);border-radius:15px;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:32rem;margin-bottom:clamp(3rem,15vh,10rem);padding:15px;display:flex}.contact-me ul{flex-direction:column;justify-content:center;margin:0;padding:0;list-style-type:none;display:flex}.contact-item{align-items:center;gap:.5rem;max-width:100%;padding-top:10px;list-style-type:none;display:flex}.contact-item svg{flex-shrink:0}.contact-item a{color:var(--color-text);overflow-wrap:anywhere}.contact-email{font-family:var(--font-mono);letter-spacing:-.01em}.big-spacer{height:clamp(3rem,25vh,14rem)}.med-spacer{height:clamp(2rem,12vh,10rem)}.flex-container{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.space-evenly{justify-content:space-evenly}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.w-full{width:100%}.h-full{height:100%}.p-15{padding:15px}.p-5{padding:5px}.rounded{border-radius:15px}.shadow{box-shadow:5px 5px 5px var(--color-highlight-med)}.m-auto{margin:auto}@media (width>=768px){:root{--content-padding:1.5rem}#aboutme-box{flex-direction:row;align-items:stretch;gap:.5rem;max-width:48rem;margin-top:clamp(2rem,12vh,7rem);padding:5px}#aboutme-box img{width:auto;height:clamp(12rem,26vh,18rem)}.aboutme-text{flex:auto;width:auto;min-height:12rem}#job-exp-section{gap:1.25rem}}@media (width>=1024px){html{scroll-padding-top:1rem}main{padding:0 var(--content-padding) 0 calc(var(--navbar-size) + var(--content-padding))}#aboutme-box{max-width:60rem;margin-top:clamp(8rem,30vh,20rem)}#aboutme-box img{height:clamp(14rem,30vh,22rem)}.aboutme-text{min-height:30vh}.navbar{width:var(--navbar-size);max-width:var(--max-navbar-width);border-right:1px solid var(--color-highlight-med);border-bottom:none;bottom:0;right:auto}.navbar ul{flex-direction:column;justify-content:flex-start;gap:0;height:100%;padding:15px 5px 0}.navbar a{flex:none;display:block}.navbar li{flex-direction:column;gap:0;margin-bottom:20px;padding:15px 5px}.navbar li svg{margin-bottom:6px}.job-exp{max-width:22.5rem}.big-spacer{height:60vh}.med-spacer{height:30vh}.contact-me{margin-bottom:30vh}}