@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.B2xhLi22.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.CMZtQduZ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.CGAr0uHJ.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CaVNZxsx.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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}.texto-3d{text-shadow:2px 2px #000,1px 1px #340786,2px 2px #340786,3px 3px #340786,4px 4px #340786,5px 5px #340786;font-size:50px}:root{--main-color: rgb(191, 195, 194);--main-color-alt: rgb(232, 227, 223);--main-color-dark: hsl(0, 0%, 6%);--color: #fff;--color-alt: rgb(76, 83, 63);--color-secondary: rgb(76, 83, 63);--color-footer: rgb(191, 195, 194);--bg-color: hsl(229, 84%, 5%);--max-width: unset;--font-body: "Inter Variable", sans-serif;--font-title: "Inter Variable", sans-serif;--font-size: 20px;--header-height: 80px;--z-back: -1;--z-normal: 0;--z-header: 100;--z-modal:1000}@media (min-width: 1024px){:root{--font-size: 1.1458333333dvw;--button-width: 50px;--width: 400px;--max-width: none;--max-width: 1200px;--header-height: 80px}}@media (min-width: 1536px){:root{--max-width: none;--width: 450px}}*{margin:0;padding:0;line-height:1em}*,*:before,*:after{box-sizing:border-box}body{min-height:100dvh;overflow-x:hidden}input,button,textarea,select{font:inherit}p{text-wrap:pretty;margin-bottom:1em}h1,h2,h3,h4,h5,h6{text-wrap:balance}img,video,svg{height:auto;max-width:100%;display:block}a{color:inherit;text-decoration:none;display:block;font:inherit}ul,ol{list-style:none;padding-left:0}button{border:none;background:none;display:inline-block;cursor:pointer;outline:none}input,textarea,label{display:block;font-family:inherit;font-size:inherit;border:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transition:none}}html,body{width:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background:url(/bg.avif),var(--bg-color);background-attachment:fixed;background-size:cover;background-position:center;font-size:var(--font-size);color:var(--color);min-height:100vh;font-weight:300;letter-spacing:1px;position:relative;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;margin:0;font-weight:600}p{margin-bottom:.5em}p:last-child,p:only-child{margin-bottom:0}ul,ul li{margin-bottom:0;list-style:none;padding:0}::selection{color:#f0f;background:var(--color-accent)}a{display:inline-block}img,svg{display:block;max-width:100%;width:100%;height:auto}button{cursor:pointer;color:inherit}.Header{--bdc: rgba(255,255,255,.3);display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:var(--header-height);position:fixed;top:0;left:0;width:100%;z-index:var(--z-header);border-bottom:1px solid transparent;transition:all .5s ease;background:transparent}@media (min-width: 1024px){.Header{padding:0 7.8125dvw}}.Header__logo{display:flex;align-items:center;font-size:1.3em;font-weight:700;letter-spacing:2px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.Header__logo svg{width:1.5em;height:auto;margin-right:.5em;display:inline-block}.Header__logo:hover{transform:scale(1.05)}@media (width >= 1024px){.Header button{display:none}}.Header__menu{position:absolute;display:flex;flex-direction:column;padding:0 1.5em;padding-top:12vh;background:var(--bg-color);width:69.333vw;height:100vh;height:100dvh;top:0;right:0;transform:translate(100%);transition:all .3s cubic-bezier(.785,.135,.15,.86);text-transform:uppercase;font-size:.8em}@media (width >= 1024px){.Header__menu{flex-direction:initial;width:auto;height:auto;background:transparent;transform:unset;position:static;padding:0;column-gap:2em;font-size:16px}}.Header__menu li{line-height:2.5em;border-bottom:1px solid var(--bdc);padding-left:.5em}.Header__menu li:last-child{border-bottom:none}@media (width >= 1024px){.Header__menu li{border:initial;padding:0 1em;line-height:1.5em 1em;border-radius:1em;background:transparent;transition:all .3s ease}.Header__menu li:hover{background:#0000004d}}.Header__menu a{display:block;width:100%}.Header__menu--close{position:absolute;top:5%;right:10%;height:2em;width:2em;background:#000;padding:.3em;border-radius:50%}.Header__menu.is-active{transform:translate(0)}.Header.fixed{--header-height: 70px;border-color:var(--bdc);backdrop-filter:blur(10px)}.hamburger{padding:0;scale:.75;transform:translateY(5px)}@media screen and (min-width: 1024px){.hamburger{display:none}}.hamburger:hover,.hamburger.is-active:hover{opacity:1}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:currentColor!important}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:currentColor}.Welcome{position:relative;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 1.5em}.Welcome h1{text-align:center;font-size:clamp(30px,3em,45px);line-height:1em;font-weight:300}@media (width >= 1024px){.Welcome h1{font-size:3.6458333333dvw}}.Welcome h1 span{display:block;color:#09f;font-weight:700}.Welcome p{text-align:center;font-size:16px;margin-top:2rem;letter-spacing:1px;line-height:1.2;font-weight:300}@media (width >= 1024px){.Welcome p{font-size:1.5625dvw;padding:0 10%;margin-top:3.125dvw}}.Projects{margin:0 auto 5em;width:80%}.Projects__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;margin:0 auto;gap:2rem}.Project{margin:0 auto;background:#0b1422;box-shadow:0 0 2px #ffffff4d;border-radius:1em;max-width:100%;height:auto;aspect-ratio:1/.5;justify-content:center;display:flex;align-items:center;overflow:hidden;transition:all .3s linear}.Project__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;position:relative;background-color:transparent;transition:all .3s linear}.Project__link:after{content:attr(title);display:block;position:absolute;left:0;bottom:0;width:100%;font-size:.8em;line-height:3em;text-align:center;transition:all .3s linear;opacity:0}.Project__link:hover{background:#1899fb0d}.Project__link:hover span{scale:1.05}.Project__link:hover:after{transform:translateY(0);opacity:1}.Project__span{transition:all .3s linear;display:block;height:auto;width:70%;aspect-ratio:1/.5;padding:1em}.Project__logo{width:100%;height:100%;object-fit:contain;object-position:center}.AboutMe{padding-bottom:30vh}.AboutMe__container{padding:0}@media (width >= 1024px){.AboutMe__container{max-width:70%;margin:0 auto;display:grid;grid-template-columns:1fr 70%;padding:0!important;align-items:center}}.AboutMe__container img{aspect-ratio:1/1;max-height:400px;margin:0 auto 2em;display:block;border-radius:10%;width:50%;opacity:.8}@media (width >= 1024px){.AboutMe__container img{margin:0 auto;width:auto;height:70%}}.AboutMe__container h2{text-align:center}.AboutMe__container p{text-align:center;line-height:1.2;padding:0 1.5em;font-size:.95em}.AboutMe__text--bold{font-size:1.1em;font-weight:700}.AboutMe__stats{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:8px;width:80%;margin:2em auto 0;row-gap:2em}@media (width >= 1024px){.AboutMe__stats{grid-template-columns:repeat(3,1fr);grid-template-rows:unset}}.AboutMe__stats .stat{text-align:center;font-size:2em;line-height:3em;font-size:1em}@media (width < 1024px){.AboutMe__stats .stat1{grid-column:span 2/span 2}}@media (width < 1024px){.AboutMe__stats .stat2{grid-column:span 2/span 2;grid-column-start:3}}@media (width < 1024px){.AboutMe__stats .stat3{grid-column:span 2/span 2;grid-column-start:2;grid-row-start:2}}.counter-container{width:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;row-gap:.3em}.counter-number{font-size:1.5em!important;font-weight:600;margin-bottom:0;display:flex;align-items:center;justify-content:center}.counter-suffix{font-size:60%}p.counter-label{font-size:.7em!important}:target{scroll-margin-top:calc(var(--header-height) + 2rem)}@media (min-width: 1024px){:target{scroll-margin-top:calc(var(--header-height) + 5rem)}}