@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"}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@keyframes fade{0%{opacity:0}40%{opacity:1}to{opacity:1}}@keyframes pageEffect{0%{opacity:0;filter:blur(6px)}40%{opacity:1;filter:blur(0)}to{opacity:1;filter:blur(0)}}@keyframes slideFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes liftUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes maskReveal{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);opacity:0}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}@keyframes slideImgCorporate{0%{opacity:0;transform:scale(1.05) translateY(3.5%);filter:blur(6px)}40%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes slideTextCorporate{0%{opacity:0;transform:translateY(20px)}60%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes panMove{0%{transform:scale(1.05) translateX(0)}50%{transform:scale(1.05) translateX(2em)}to{transform:scale(1.05) translateX(0)}}@keyframes zoomInOut{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translate(-2em)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-60px) scale(.95)}60%{opacity:1;transform:translateX(10px) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes meaning{0%{opacity:0;transform:translateY(8px)}to{opacity:.8;transform:translateY(0)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}60%{opacity:1;transform:translateY(5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes swing{0%{transform:rotate(0deg)}25%{transform:rotate(3deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(1deg)}to{transform:rotate(0deg)}}@keyframes dropSign{0%{opacity:1;transform:translateY(0) rotate(-3deg)}30%{opacity:1;transform:translateY(2.5px) rotate(2deg)}60%{opacity:1;transform:translateY(-2.5px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}@keyframes tapSign{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(2deg)}50%{transform:translateY(2px) rotate(-1deg)}75%{transform:translateY(-1px) rotate(1deg)}to{transform:translateY(0) rotate(0deg)}}:root{--phi:1.618;--font-0:1rem;--font-1:1.618rem;--font-2:2.617924rem;--font-3:4.235801032rem;--space-0:8px;--space-1:12.944px;--space-2:20.943392px}.h1{font-size:6.8535260698rem;line-height:1.1}.h1,.h2{font-weight:700}.h2{font-size:4.235801032rem;line-height:1.15}.h3{font-size:2.617924rem;line-height:1.2;font-weight:600}body{line-height:1.6;font-weight:400}.btn,body{font-size:1rem}.btn{padding:3.2px 8px;border-radius:3.0558564725px;gap:4.9443757726px}.btn--lg{padding:8.3773568px 20.943392px;border-radius:8px;gap:12.944px;font-size:1.618rem}.card{padding:5.1776px 12.944px;border-radius:4.9443757726px;gap:8px}.m--2{margin:3.0558564725px}.p--2{padding:3.0558564725px}.gap--2{gap:3.0558564725px}.m--1{margin:4.9443757726px}.p--1{padding:4.9443757726px}.gap--1{gap:4.9443757726px}.m-0{margin:8px}.p-0{padding:8px}.gap-0{gap:8px}.m-1{margin:12.944px}.p-1{padding:12.944px}.gap-1{gap:12.944px}.m-2{margin:20.943392px}.p-2{padding:20.943392px}.gap-2{gap:20.943392px}.m-3{margin:33.886408256px}.p-3{padding:33.886408256px}.gap-3{gap:33.886408256px}.m-4{margin:54.8282085582px}.p-4{padding:54.8282085582px}.gap-4{gap:54.8282085582px}.m-5{margin:88.7120414472px}.p-5{padding:88.7120414472px}.gap-5{gap:88.7120414472px}.m-6{margin:143.5360830615px}.p-6{padding:143.5360830615px}.gap-6{gap:143.5360830615px}.style-guide{padding:2rem}.style-guide section{margin-bottom:3rem;border-bottom:1px solid #ddd;padding-bottom:2rem}.style-guide h2{margin-bottom:1rem}.style-guide .typography-samples{display:flex;flex-direction:column;gap:1rem}.style-guide .typography-samples .display,.style-guide .typography-samples h1,.style-guide .typography-samples h2,.style-guide .typography-samples h3,.style-guide .typography-samples h4,.style-guide .typography-samples h5,.style-guide .typography-samples h6,.style-guide .typography-samples p{margin:0}.style-guide .typography-samples .display{background:#f9f9f9;padding:1rem}.style-guide .button-samples{display:flex;gap:1rem}.style-guide .card-samples{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.style-guide .card-samples .card{border:1px solid #ddd;background:#fafafa}.style-guide .spacing-samples{display:flex;flex-wrap:wrap;gap:1rem}.style-guide .spacing-samples .box{background:#eee;border:1px solid #ccc;text-align:center}.breadcrumb{display:flex;align-items:center;gap:4.9443757726px;font-size:.6180469716rem;margin:8px 0}.breadcrumb a{color:#555;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{color:#aaa}.hero{padding:33.886408256px;text-align:center;background:linear-gradient(135deg,#fafafa,#f0f0f0)}.hero h1{font-size:4.235801032rem;line-height:1.2;font-weight:700;margin-bottom:8px}.hero p{font-size:1rem;line-height:1.6;font-weight:400;color:#555}.hero .hero-btns{margin-top:12.944px;display:flex;justify-content:center;gap:8px}.footer{background:#222;color:#eee;padding:20.943392px;text-align:center;font-size:.6180469716rem}.footer a{color:#ccc;margin:0 4.9443757726px;text-decoration:none}.footer a:hover{color:#fff}:root{--color-bg:#ffffff;--color-text:#222222;--color-hover:#999999;--color-hover-text:#ffffff;--color-active:#333333;--color-primary:#1D3557;--color-primary-a:#0077B6;--transition-a:all 0.2s ease-in;--color-palete-main:#86606E;--color-palete-soft:#CB8D82;--color-palete-dark:#2C191F;--color-palete-deep:#682F2E;--color-palete-dul:#6C2C3D}.dark{--color-bg:#1e1e1e;--color-text:#e0e0e0}@media(prefers-color-scheme:dark){html{color-scheme:dark}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;max-width:100dvw;overflow-x:hidden;background-color:var(--color-bg);color:var(--color-text);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-geist-sans);font-synthesis:none;text-size-adjust:none}body ::-webkit-scrollbar,html ::-webkit-scrollbar{display:block}body ::-webkit-scrollbar-button,body ::-webkit-scrollbar-track,html ::-webkit-scrollbar-button,html ::-webkit-scrollbar-track{display:none}body ::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb{border-radius:8px;display:none}body ::-webkit-scrollbar,html ::-webkit-scrollbar{width:0}a{color:inherit;text-decoration:none}button{background:rgba(0,0,0,0);border:none;transition:background-color .3s ease;cursor:pointer}button.solid{background:var(--color-text);color:var(--color-bg);padding:8.3773568px 20.943392px;border-radius:8px;gap:12.944px}button.text{color:var(--color-text)}.fomo{opacity:0}.fomo.view{animation:maskReveal .8s cubic-bezier(.25,1,.5,1) forwards}.fomo .fomo-title{font-family:Futura,Helvetica Neue,sans-serif;font-weight:900;font-size:clamp(96px,12vw,140px);letter-spacing:-.02em;line-height:1;text-align:center}.fomo .fomo-subtext{font-size:clamp(12px,2vw,16px)}.fomo .fomo-midtext,.fomo .fomo-subtext{font-family:Courier New,monospace;font-weight:400;letter-spacing:-.02em;line-height:1.3;text-align:center}.fomo .fomo-midtext{font-size:clamp(12px,1.8vw,14px);margin:3vh 0}.fomo .fomo-highlight{font-family:Futura,Helvetica Neue,sans-serif;font-weight:700;font-size:clamp(18px,3vw,28px);letter-spacing:-.02em;line-height:1.2;text-align:center}nav.nav__desktop{display:none;padding:13.5545633024px 33.886408256px;border-radius:12.944px;gap:20.943392px;border:1px solid;margin:var(--space-2);position:relative}nav.nav__desktop,nav.nav__desktop:before{border-radius:12px;background-color:hsla(0,0%,100%,0);border:1px solid rgba(209,213,219,.3)}nav.nav__desktop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;backdrop-filter:blur(25px) saturate(124%);-webkit-backdrop-filter:blur(25px) saturate(124%)}@media(min-width:480px){nav.nav__desktop{display:inline-flex}}nav.nav__desktop .parent_ul{list-style-type:none;gap:var(--space-2);display:inline-flex;align-items:center}nav.nav__desktop .parent_ul>li .logo{transform:scale(3);margin:0 12.944px}nav.nav__desktop .parent_ul>li .logo path{fill:var(--color-text)}nav.nav__desktop .parent_ul>li>a{display:flex;align-items:center;gap:.25rem}nav.nav__desktop .parent_ul>li>a .arrow-down path{fill:currentColor}nav.nav__desktop .parent_ul>li .child_ul{position:absolute;list-style:none;display:none;flex-direction:column;gap:.125rem}nav.nav__desktop .parent_ul>li .child_ul>li{border:1px solid;padding:5.1776px 12.944px;border-radius:4.9443757726px;gap:8px;opacity:0;backdrop-filter:blur(25px) saturate(124%);-webkit-backdrop-filter:blur(25px) saturate(124%);background-color:hsla(0,0%,100%,0);border-radius:12px;border:1px solid rgba(209,213,219,.3);transition:transform .2s}nav.nav__desktop .parent_ul>li.active .child_ul{display:flex}nav.nav__desktop .parent_ul>li.active .child_ul>li{animation:dropSign .8s ease forwards}nav.nav__desktop .parent_ul>li.active .child_ul>li:first-child{animation-delay:0s}nav.nav__desktop .parent_ul>li.active .child_ul>li:nth-child(2){animation-delay:.2s}nav.nav__desktop .parent_ul>li.active .child_ul>li:nth-child(3){animation-delay:.4s}nav.nav__desktop .parent_ul>li.active .child_ul>li:nth-child(4){animation-delay:.6s}nav.nav__desktop .parent_ul>li.active .child_ul>li:nth-child(5){animation-delay:.8s}nav.nav__desktop .parent_ul>li.active .child_ul>li.hovered{opacity:1;animation:dropSign .8s ease forwards,tapSign .5s ease}nav.nav__mobile{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13.5545633024px 33.886408256px;border-radius:12.944px;gap:20.943392px;border-radius:0}@media(min-width:480px){nav.nav__mobile{display:none}}nav.nav__mobile .logo{transform:scale(2.5);margin:0 12.944px;z-index:9999}nav.nav__mobile .logo path{fill:var(--color-text)}nav.nav__mobile .blind{width:100%;height:100vh;height:100dvh;opacity:0;position:absolute;top:-100vh;top:-100dvh;left:0;right:0;transition:all .5s cubic-bezier(.03,.08,.03,1.3);display:flex;justify-content:center;padding:88.7120414472px}nav.nav__mobile .blind ul{list-style:none}nav.nav__mobile .blind ul li{padding:13.5545633024px 33.886408256px;border-radius:12.944px;gap:20.943392px}nav.nav__mobile .blind.active{top:0;background-color:var(--color-text);color:var(--color-bg);opacity:1}nav.nav__mobile .wrap{display:flex;align-items:center;gap:33.886408256px}nav.nav__mobile .menu-trigger{position:relative;width:1.5rem;height:1.5rem;z-index:99}@media(min-width:1024px){nav.nav__mobile .menu-trigger{display:none}}nav.nav__mobile .menu-trigger span{position:absolute;display:inline-block;transition:all .5s cubic-bezier(.03,.08,.03,1.3);box-sizing:border-box;left:0;width:100%;height:.125rem;background-color:var(--color-text);border-radius:.5rem}nav.nav__mobile .menu-trigger span:first-of-type{top:0}nav.nav__mobile .menu-trigger span:nth-of-type(2){top:1rem}nav.nav__mobile .menu-trigger.active span{background-color:var(--color-bg)}nav.nav__mobile .menu-trigger.active span:first-of-type{transform:translateY(.5rem) rotate(-45deg)}nav.nav__mobile .menu-trigger.active span:nth-of-type(2){transform:translateY(-.5rem) rotate(45deg)}.theme-toggle{display:none}.theme-toggle-mobile svg{transform:scale(1.75);animation:fade 1s ease-in-out forwards}.theme-toggle-mobile svg path{fill:var(--color-text)}header.header{position:fixed;top:0;display:flex;align-items:center;justify-content:center;width:100%;z-index:2;transform:translateY(-100%)}.prev-port{display:none}@media(min-width:480px){.prev-port{display:flex}}.prev-port{font-size:.925rem;align-items:center;padding:13.5545633024px 33.886408256px;border-radius:12.944px;gap:20.943392px;gap:.75rem;font-weight:600;color:#333;word-break:keep-all}.prev-port .arrow{width:24px;height:24px;overflow:hidden}.prev-port .arrow .svg_wrapper{display:flex;justify-content:space-between;width:72px;transform:translateX(0);transition:all .3s ease-in-out}.prev-port .arrow .svg_wrapper svg{width:24px}.prev-port .arrow .svg_wrapper svg path{fill:var(--color-text);stroke:var(--color-text)}.prev-port .arrow .svg_wrapper svg:nth-child(2) path{stroke-width:1.25}.prev-port.active .svg_wrapper{transform:translateX(-48px)}.arrow{width:24px;height:24px;overflow:hidden}.arrow .svg_wrapper{display:flex;justify-content:space-between;width:72px;transform:translateX(-48px);transition:all .3s ease-in-out}.arrow .svg_wrapper svg{width:24px}.arrow .svg_wrapper svg path{fill:var(--color-text);stroke:var(--color-text)}.arrow:hover .svg_wrapper{transform:translateX(0)}.drawer{width:300px;height:100vh;height:100dvh;background:#dedede;background:var(--color-bg);border:1px solid;position:fixed;top:0;left:-300px;display:flex;flex-direction:column;border-radius:12.944px;gap:20.943392px;transition:all .3s cubic-bezier(.25,1,.5,1);padding:33.886408256px 33.886408256px 13.5545633024px 54.8282085582px}.drawer.active{left:-20px}.drawer__title{font-size:1.175rem;font-weight:600;letter-spacing:.075rem}.drawer__body ul{list-style-type:none;display:flex;flex-direction:column}.drawer__body ul,.drawer__body ul li{padding:5.1776px 12.944px;border-radius:4.9443757726px;gap:8px}.drawer__body ul li:before{content:"-";font-weight:700;margin-right:.5em}.intro{width:100%;height:100vh;height:100dvh;background-color:var(--color-text);color:var(--color-bg);overflow:hidden;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;z-index:99999}@keyframes intro{0%{transform:scale(20)}to{transform:scale(1)}}.figma{width:calc(200px + 4rem);height:calc(300px + 6rem);display:flex;justify-content:center;margin:1rem;position:relative}.figma .sketches{animation:blink 1.5s ease-in infinite}.figma .sketches .SketchesArrow1{width:60px;height:50px;z-index:999;position:absolute;left:15%}.figma .sketches .SketchesArrow1 path{fill:var(--color-text)}.figma .sketches .Click{position:absolute;left:40%;width:80px}.figma .sketches .Click path{fill:var(--color-text)}.figma img{width:200px;height:300px;object-fit:cover;border-radius:1rem;position:absolute;bottom:0;left:0;transition:transform .4s ease,left .4s ease;transform-origin:bottom left}.figma img:hover{z-index:999;width:400px;object-fit:contain;bottom:50%;left:0;transform:none}.figma img:first-child{left:1rem;bottom:1.125rem}.figma img:nth-child(2){left:1.5rem;bottom:1.25rem}.figma img:nth-child(3){left:2rem;bottom:1.375rem}.figma img:nth-child(4){left:2.5rem;bottom:1.5rem}.figma img:nth-child(5){left:3rem;bottom:1.625rem}.figma img:nth-child(6){left:3.5rem;bottom:1.75rem}.figma img:nth-child(7){left:4rem;bottom:1.875rem}.figma img:nth-child(8){left:4.5rem;bottom:2rem}.figma img:nth-child(9){left:5rem;bottom:2.125rem}.figma img:nth-child(10){left:5.5rem;bottom:2.25rem}.figma:hover .border{display:none}.figma:hover img:first-child{transform:translateX(0) rotate(0deg)}.figma:hover img:nth-child(2){transform:translateX(1rem) rotate(10deg)}.figma:hover img:nth-child(3){transform:translateX(2rem) rotate(20deg)}.figma:hover img:nth-child(4){transform:translateX(3rem) rotate(30deg)}.figma:hover img:nth-child(5){transform:translateX(4rem) rotate(40deg)}.figma:hover img:nth-child(6){transform:translateX(5rem) rotate(50deg)}.figma:hover img:nth-child(7){transform:translateX(6rem) rotate(60deg)}.figma:hover img:nth-child(8){transform:translateX(7rem) rotate(70deg)}.figma:hover img:nth-child(9){transform:translateX(8rem) rotate(80deg)}.figma:hover img:nth-child(10){transform:translateX(9rem) rotate(90deg)}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.snaps .container{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.snaps .snap{height:100dvh;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg)}[data-animate].active.scale{animation:scale .8s ease-in-out forwards}[data-animate].active.move-up{animation:move-up 1s ease-out forwards}[data-animate].active.fade-out{animation:fade-out .3s ease-out forwards}[data-animate].paused{animation-play-state:paused}.fade-out.active{animation:fade-out .3s ease-out forwards}@keyframes scale{0%{transform:scale(20)}to{transform:scale(1)}}@keyframes move-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.scroll-down{position:absolute;bottom:var(--space-0);font-size:.8rem;font-weight:500}.scroll-down a{padding-top:60px;position:relative;color:var(--color-text)}.scroll-down a span{position:absolute;top:0;left:50%;width:24px;height:24px;margin-left:-12px;border-left:1px solid var(--color-text);border-bottom:1px solid var(--color-text);transform:rotate(-45deg);animation:sdb04 2s infinite;box-sizing:border-box}@keyframes sdb04{0%{transform:rotate(-45deg) translate(0)}20%{transform:rotate(-45deg) translate(-10px,10px)}40%{transform:rotate(-45deg) translate(0)}}.skills__logo{animation:skills__logo 1s ease-out forwards,test 1s ease-in-out forwards;animation-delay:0s,1s}.skills__logo:first-child{animation-delay:.1s}.skills__logo:nth-child(2){animation-delay:.2s}.skills__logo:nth-child(3){animation-delay:.3s}.skills__logo:nth-child(4){animation-delay:.4s}.skills__logo:nth-child(5){animation-delay:.5s}.skills__logo:nth-child(6){animation-delay:.6s}.skills__logo:nth-child(7){animation-delay:.7s}.skills__logo:nth-child(8){animation-delay:.8s}.skills__logo:nth-child(9){animation-delay:.9s}.skills__logo:nth-child(10){animation-delay:1s}.skills__logo .react{animation:rotate 5s linear infinite}.skills__logo .flutter{animation:bounce 1s ease-in-out infinite}.skills__etc{list-style:none;display:flex;gap:20.943392px;margin-bottom:54.8282085582px;background-color:var(--color-text);color:var(--color-bg);overflow:hidden;white-space:nowrap}.skills__etc-item{background-color:var(--color-bg-sub);border-radius:radius(1);font-size:font-size(0);flex-shrink:0;font-weight:500}.skills__etc__track{display:flex;gap:20.943392px;width:max-content;animation:slide 20s linear infinite}.skills__list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20.943392px}.skills__content,.skills__list{padding:13.5545633024px 33.886408256px;border-radius:12.944px;gap:20.943392px}.skills__title{border-bottom:1px solid;animation:maskReveal 1.2s ease-out forwards;margin-bottom:20.943392px}.skills__item:first-child .skills__title{animation-delay:0s}.skills__item:nth-child(2) .skills__title{animation-delay:.3s}.skills__item:nth-child(3) .skills__title{animation-delay:.6s}.skills__item:nth-child(4) .skills__title{animation-delay:.9s}.skills__item:nth-child(5) .skills__title{animation-delay:1.2s}.skills__item:nth-child(6) .skills__title{animation-delay:1.5s}.skills__item:nth-child(7) .skills__title{animation-delay:1.8s}.skills__item:nth-child(8) .skills__title{animation-delay:2.1s}.skills__item:nth-child(9) .skills__title{animation-delay:2.4s}.skills__item:nth-child(10) .skills__title{animation-delay:2.7s}.height{height:800px}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes skills__logo{0%{transform:translateY(100dvh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes test{0%{transform:scale(1)}to{transform:scale(.5)}}.projects .project{padding:13.5545633024px 33.886408256px;border-radius:12.944px;gap:20.943392px}.projects .project .Project{font-weight:600;font-size:1.25rem}main.main{display:flex;justify-content:center;flex-direction:column;background-image:url(/gradient.jpg);background-size:cover;background-attachment:fixed}[data-observe]{opacity:0}[data-observe].view{animation:slideInLeft .8s cubic-bezier(.25,1,.5,1) forwards}[data-observe].view:first-child{animation-delay:0s}[data-observe].view:nth-child(2){animation-delay:.3s}[data-observe].view:nth-child(3){animation-delay:.6s}[data-observe].view:nth-child(4){animation-delay:.9s}[data-observe].view:nth-child(5){animation-delay:1.2s}[data-observe].view:nth-child(6){animation-delay:1.5s}[data-observe].view:nth-child(7){animation-delay:1.8s}[data-observe].view:nth-child(8){animation-delay:2.1s}[data-observe].view:nth-child(9){animation-delay:2.4s}[data-observe].view:nth-child(10){animation-delay:2.7s}@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"}