:root{--colorTextBase: #000;--colorBgBase: #fff;--colorText: rgba(0, 0, 0, .88);--colorTextSecondary: rgba(0, 0, 0, .65);--colorTextTertiary: rgba(0, 0, 0, .45);--colorTextQuaternary: rgba(0, 0, 0, .25);--colorBorder: #d9d9d9;--colorBorderSecondary: #f0f0f0;--colorFill: rgba(0, 0, 0, .15);--colorFillSecondary: rgba(0, 0, 0, .06);--colorFillTertiary: rgba(0, 0, 0, .04);--colorFillQuaternary: rgba(0, 0, 0, .02);--colorBgContainer: #ffffff;--colorBgElevated: #ffffff;--colorBgLayout: #f5f5f5;--colorBgSpotlight: rgba(0, 0, 0, .85);--colorBgMask: rgba(0, 0, 0, .45);--colorPrimaryBg: #f0f5ff;--colorPrimaryBgHover: #d6e4ff;--colorPrimaryBorder: #adc6ff;--colorPrimaryBorderHover: #85a5ff;--colorPrimaryHover: #597ef7;--colorPrimary: #2f54eb;--colorPrimaryActive: #1d39c4;--colorPrimaryTextHover: #597ef7;--colorPrimaryText: #2f54eb;--colorPrimaryTextActive: #1d39c4;--colorLinkHover: #85a5ff;--colorLinkActive: #1d39c4;--colorBgContainerGlass: rgba(240, 245, 255, .3);--font-size-s: .8rem;--font-size-m: 1rem;--font-size-l: 1.5rem;--font-size-xl: 3rem;--font-size-xxl: 6rem;--space-s: 12px;--space-m: 24px;--space-l: 36px;--space-xl: 48px;--space-xxl: 62px;--icon-width-s: 12px;--icon-width-m: 20px;--icon-width-l: 24px;--icon-width-xl: 30px;--icon-height-s: 12px;--icon-height-m: 20px;--icon-height-l: 24px;--icon-height-xl: 30px }.dark-theme{--colorTextBase: #fff;--colorBgBase: #000;--colorText: rgba(255, 255, 255, .85);--colorTextSecondary: rgba(255, 255, 255, .65);--colorTextTertiary: rgba(255, 255, 255, .45);--colorTextQuaternary: rgba(255, 255, 255, .25);--colorBorder: #424242;--colorBorderSecondary: #303030;--colorFill: rgba(255, 255, 255 .18);--colorFillSecondary: rgba(255, 255, 255 .12);--colorFillTertiary: rgba(255, 255, 255 .08);--colorFillQuaternary: rgba(255, 255, 255 .04);--colorBgContainer: #141414;--colorBgElevated: #1f1f1f;--colorBgLayout: #000000;--colorBgSpotlight: #424242;--colorBgMask: rgba(0, 0, 0, .45);--colorPrimaryBg: #131629;--colorPrimaryBgHover: #161d40;--colorPrimaryBorder: #1c2755;--colorPrimaryBorderHover: #203175;--colorPrimaryHover: #5273e0;--colorPrimary: #2b4acb;--colorPrimaryActive: #263ea0;--colorPrimaryTextHover: #5273e0;--colorPrimaryText: #2b4acb;--colorPrimaryTextActive: #263ea0;--colorLinkHover: #203175;--colorLinkActive: #263ea0;--colorBgContainerGlass: rgba(19, 22, 41, .3)}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background-color:var(--colorBgLayout)}::-webkit-scrollbar-thumb{background-color:var(--colorPrimaryHover);border-radius:2px}::-webkit-scrollbar-thumb:hover{background-color:var(--colorPrimary)}::selection{background-color:var(--colorPrimary);color:var(--color-neutral-1)}::-moz-selection{background-color:var(--colorPrimary);color:var(--color-neutral-1)}::-webkit-selection{background-color:var(--colorPrimary);color:var(--color-neutral-1)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--colorText);-webkit-box-shadow:0 0 0px 1000px var(--colorBgContainer) inset;transition:background-color 5000s ease-in-out 0s}.unselectable{-webkit-user-select:none;user-select:none}body{font-family:Ubuntu,sans-serif;overflow-x:hidden}body[data-is-locked=true]{overflow:hidden}.custom-scrollbar ::-webkit-scrollbar{width:4px}.custom-scrollbar ::-webkit-scrollbar-track{background-color:var(--colorBgLayout)}.custom-scrollbar ::-webkit-scrollbar-thumb{background-color:var(--colorPrimaryHover);border-radius:2px}.custom-scrollbar ::-webkit-scrollbar-thumb:hover{background-color:var(--colorPrimary)}.line{width:50px;height:2px;background-color:gray;transition:width .1s linear}.line[data-active=true]{width:100px;background-color:var(--colorPrimary)}.timeline-dot{padding:0 40px}.timeline-text{cursor:pointer;color:var(--colorTextTertiary);transition:color .1s linear}.timeline-text:hover{color:var(--colorTextSecondary)}.timeline-text[data-active=true]{color:var(--colorPrimary)}.icon-size-s{width:var(--icon-width-s);height:var(--icon-height-s)}.icon-size-m{width:var(--icon-width-m);height:var(--icon-height-m)}.icon-size-l{width:var(--icon-width-l);height:var(--icon-height-l)}.icon-size-xl{width:var(--icon-width-xl);height:var(--icon-height-xl)}.ant-input-outlined{border-top:none!important;border-left:none!important;border-right:none!important;box-shadow:none!important}.ant-menu-item-selected{border-right:3px solid var(--colorPrimary)}#mysql{transition:color ease-out .3s}#mysql:hover{color:#00f}#hmtl5{transition:color ease-out .3s}#hmtl5:hover{color:red}#js{transition:color ease-out .3s}#js:hover{color:#f0db4f}#nextjs{transition:color ease-out .3s}#nextjs:hover{color:#000;background-color:#fff;padding:2px;border-radius:100px}#react{transition:color ease-out .3s}#react:hover{color:#61dafb}#redux{transition:color ease-out .3s}#redux:hover{color:#764abc}#css{transition:color ease-out .3s}#css:hover{color:#264de4}#bootstrap{transition:color ease-out .3s}#bootstrap:hover{color:#7952b3}#mui{transition:color ease-out .3s}#mui:hover{color:#3f50b5}#antd{transition:color ease-out .3s}#antd:hover{color:#1890ff}#sass{transition:color ease-out .3s}#sass:hover{color:#c69}#tailwind-css{transition:color ease-out .3s}#tailwind-css:hover{color:#06b6d4}#nodejs{transition:color ease-out .3s}#nodejs:hover{color:#393}#expressjs{transition:color ease-out .3s}#expressjs:hover{color:#ff0}#mongodb{transition:color ease-out .3s}#mongodb:hover{color:green}#prisma{transition:color ease-out .3s}#prisma:hover{color:#066}#figma{transition:color ease-out .3s}#figma:hover{color:#adff2f}#git{transition:color ease-out .3s}#git:hover{color:#f05033}#tss{transition:color ease-out .3s}#tss:hover{color:#007acc}#monitor{height:850px;width:850px;margin-top:-200px;margin-bottom:-150px}@media screen and (max-width: 1100px){#monitor{margin-top:-100px;height:650px;width:650px}}@media screen and (max-width: 768px){#monitor{margin-top:-50px;height:450px;width:450px;margin-bottom:-100px}}@media screen and (max-width: 576px){#monitor{margin-top:-50px;height:250px;width:250px}}:where(.css-dev-only-do-not-override-zfgpz4).ant-image .ant-image-img-placeholder{background-color:transparent!important}._about_container_1ikp1_1{display:flex;flex-direction:column;align-items:center;min-height:100dvh}._about_container_intro_1ikp1_7{margin:0 var(--space-s)}._about_container_intro_text_1ikp1_10{font-size:var(--font-size-m)}._about_container_text_1ikp1_13{font-weight:700;color:var(--colorTextSecondary);font-size:var(--font-size-l);align-items:center}._about_container_icons_1ikp1_20{width:70dvw;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 768px){._about_container_icons_1ikp1_20{width:100%}._about_container_intro_text_1ikp1_10{font-size:var(--font-size-s)}._about_container_text_1ikp1_13{font-size:var(--font-size-m)}}._card_1jnvk_1{width:700px;background:none;transition:background-color .1s ease-out}._card_1jnvk_1:hover{background:var(--colorBgContainerGlass);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media screen and (max-width: 1100px){._card_1jnvk_1{width:100%}}._card_content_1jnvk_15{gap:50px;width:100%}._card_content_years_1jnvk_19{width:150px;color:var(--colorTextTertiary)!important;transition:color .1s ease-out}._card_content_meta_title_1jnvk_24{word-break:break-word;white-space:normal}._project_container_6t9oo_1{display:flex;overflow:hidden;align-items:center;flex-direction:column;min-height:100dvh}._wrapper_stack_items_19uc0_1{width:100%;justify-content:center}._wrapper_stack_items_carousel_19uc0_5{width:70dvw;margin:0 auto}._techstack_container_10f4p_1{min-height:100dvh}._techstack_container_wrapper_text_10f4p_4{margin:0 var(--space-s)}._techstack_container_wrapper_stack_10f4p_7{width:100%}._techstack_container_wrapper_stack_items_10f4p_10{width:100%;justify-content:center}._experience_container_18u9v_1{display:flex;overflow:hidden;align-items:center;flex-direction:column;min-height:100dvh}._page_container_content_xi37a_1{flex:1}._intro_slider_8ksts_1{height:100vh;padding:2.5rem;background-color:#000;position:absolute;top:0;left:0;font-family:Space Grotesk,sans-serif;z-index:10;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2.5rem;letter-spacing:-.015em;color:#fff}@media screen and (max-width: 768px){._intro_slider_8ksts_1{font-size:7px}}._shape_8ksts_25{position:absolute;left:0;top:55%;width:100%;height:25%;background-color:#000;z-index:999}@keyframes _upDown_8ksts_1{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(4px);opacity:.5}}@keyframes _bounce_8ksts_1{0%{transform:translateY(0)}25%{transform:translateY(-25px)}50%{transform:translateY(0)}75%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes _slideDown_8ksts_1{0%{transform:translateY(-100%)}25%{transform:translateY(0)}75%{transform:translateY(-25px)}to{transform:translateY(0)}}@keyframes _slideUp_8ksts_1{0%{transform:translateY(0)}to{transform:translateY(-100%)}}._layout_1tm4d_1{min-height:100vh}._sider_1tm4d_5{position:sticky!important;top:0!important;left:0!important;bottom:0!important;height:100vh!important;overflow:auto!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:transparent!important}@media screen and (max-width: 768px){._sider_1tm4d_5{position:fixed!important;z-index:2}}@media screen and (max-width: 576px){._sider_1tm4d_5{position:sticky!important;-webkit-backdrop-filter:unset;backdrop-filter:unset;z-index:2}}._sider_content_1tm4d_28{width:100%;height:inherit;justify-content:space-evenly}._sider_content_inner_1tm4d_33{width:100%}._sider_content_inner_heading_1tm4d_36{display:flex;flex-direction:column;justify-content:center;padding:0 var(--space-m)}._sider_content_inner_menu_1tm4d_42{display:flex;align-items:center;flex-direction:column;justify-content:center;background-color:transparent;gap:var(--space-s)}._sider_content_contact_1tm4d_50{width:100%;padding:0 var(--space-m);justify-content:space-between}._content_1tm4d_56{width:80%;margin:0 auto;z-index:1}@media screen and (max-width: 1100px){._content_1tm4d_56{width:100%}}@media screen and (max-width: 768px){._content_1tm4d_56{width:75%}}@media screen and (max-width: 576px){._content_1tm4d_56{width:100%}}