html{color-scheme:dark;--mat-sys-primary: light-dark(#555d7f, #bdc5ec);--mat-sys-on-primary: light-dark(#ffffff, #272f4e);--mat-sys-primary-container: light-dark(#dde1ff, #3d4566);--mat-sys-on-primary-container: light-dark(#111a38, #dde1ff);--mat-sys-inverse-primary: light-dark(#bdc5ec, #555d7f);--mat-sys-primary-fixed: light-dark(#dde1ff, #dde1ff);--mat-sys-primary-fixed-dim: light-dark(#bdc5ec, #bdc5ec);--mat-sys-on-primary-fixed: light-dark(#111a38, #111a38);--mat-sys-on-primary-fixed-variant: light-dark(#3d4566, #3d4566);--mat-sys-secondary: light-dark(#585b84, #c0c3f2);--mat-sys-on-secondary: light-dark(#ffffff, #2a2d53);--mat-sys-secondary-container: light-dark(#e0e0ff, #40446b);--mat-sys-on-secondary-container: light-dark(#14183d, #e0e0ff);--mat-sys-secondary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-secondary-fixed-dim: light-dark(#c0c3f2, #c0c3f2);--mat-sys-on-secondary-fixed: light-dark(#14183d, #14183d);--mat-sys-on-secondary-fixed-variant: light-dark(#40446b, #40446b);--mat-sys-tertiary: light-dark(#874782, #b374aa);--mat-sys-on-tertiary: light-dark(#ffffff, #521751);--mat-sys-tertiary-container: light-dark(#ffd7f6, #6c2f69);--mat-sys-on-tertiary-container: light-dark(#380039, #ffd7f6);--mat-sys-tertiary-fixed: light-dark(#ffd7f6, #ffd7f6);--mat-sys-tertiary-fixed-dim: light-dark(#faadf0, #faadf0);--mat-sys-on-tertiary-fixed: light-dark(#380039, #380039);--mat-sys-on-tertiary-fixed-variant: light-dark(#6c2f69, #6c2f69);--mat-sys-background: light-dark(#fbf8fc, #131316);--mat-sys-on-background: light-dark(#1b1b1e, #e4e2e5);--mat-sys-surface: light-dark(#fbf8fc, #131316);--mat-sys-surface-dim: light-dark(#dcd9dc, #131316);--mat-sys-surface-bright: light-dark(#fbf8fc, #39393c);--mat-sys-surface-container-low: light-dark(#f5f3f6, #1b1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e10);--mat-sys-surface-container: light-dark(#f0edf0, #1f1f22);--mat-sys-surface-container-high: light-dark(#eae7ea, #2a2a2c);--mat-sys-surface-container-highest: light-dark(#e4e2e5, #353437);--mat-sys-on-surface: light-dark(#1b1b1e, #e4e2e5);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-surface-tint: light-dark(#555d7f, #bdc5ec);--mat-sys-inverse-surface: light-dark(#303033, #e4e2e5);--mat-sys-inverse-on-surface: light-dark(#f3f0f3, #303033);--mat-sys-outline: light-dark(#76767e, #909098);--mat-sys-outline-variant: light-dark(#c6c5ce, #46464d);--mat-sys-neutral10: light-dark( #1b1b1e, #1b1b1e );--mat-sys-error: light-dark(#be0e00, #ffb4a7);--mat-sys-on-error: light-dark(#ffffff, #670400);--mat-sys-error-container: light-dark(#ffdad4, #910900);--mat-sys-on-error-container: light-dark(#400200, #ffdad4);--mat-sys-surface-variant: light-dark(#e3e1ea, #46464d);--mat-sys-on-surface-variant: light-dark(#46464d, #c6c5ce);--mat-sys-neutral-variant20: light-dark( #2f3037, #2f3037 );--mat-sys-brand-font-family: Roboto;--mat-sys-plain-font-family: Roboto;--mat-sys-bold-font-weight: 700;--mat-sys-medium-font-weight: 500;--mat-sys-regular-font-weight: 400;--mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);--mat-sys-body-large-font: var(--mat-sys-plain-font-family);--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: var(--mat-sys-regular-font-weight);--mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);--mat-sys-body-medium-font: var(--mat-sys-plain-font-family);--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight);--mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);--mat-sys-body-small-font: var(--mat-sys-plain-font-family);--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);--mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);--mat-sys-display-large-font: var(--mat-sys-brand-font-family);--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: var(--mat-sys-regular-font-weight);--mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);--mat-sys-display-medium-font: var(--mat-sys-brand-font-family);--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight);--mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);--mat-sys-display-small-font: var(--mat-sys-brand-font-family);--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: var(--mat-sys-regular-font-weight);--mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);--mat-sys-headline-large-font: var(--mat-sys-brand-font-family);--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight);--mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);--mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight);--mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);--mat-sys-headline-small-font: var(--mat-sys-brand-font-family);--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight);--mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);--mat-sys-label-large-font: var(--mat-sys-plain-font-family);--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: var(--mat-sys-medium-font-weight);--mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);--mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);--mat-sys-label-medium-font: var(--mat-sys-plain-font-family);--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: var(--mat-sys-medium-font-weight);--mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);--mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);--mat-sys-label-small-font: var(--mat-sys-plain-font-family);--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);--mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);--mat-sys-title-large-font: var(--mat-sys-brand-font-family);--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: var(--mat-sys-regular-font-weight);--mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);--mat-sys-title-medium-font: var(--mat-sys-plain-font-family);--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight);--mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);--mat-sys-title-small-font: var(--mat-sys-plain-font-family);--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: var(--mat-sys-medium-font-weight);--mat-sys-umbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 80%);--mat-sys-penumbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 86%);--mat-sys-ambient-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 88%);--mat-sys-level0: 0px 0px 0px 0px var(--mat-sys-umbra-color), 0px 0px 0px 0px var(--mat-sys-penumbra-color), 0px 0px 0px 0px var(--mat-sys-ambient-color);--mat-sys-level1: 0px 2px 1px -1px var(--mat-sys-umbra-color), 0px 1px 1px 0px var(--mat-sys-penumbra-color), 0px 1px 3px 0px var(--mat-sys-ambient-color);--mat-sys-level2: 0px 3px 3px -2px var(--mat-sys-umbra-color), 0px 3px 4px 0px var(--mat-sys-penumbra-color), 0px 1px 8px 0px var(--mat-sys-ambient-color);--mat-sys-level3: 0px 3px 5px -1px var(--mat-sys-umbra-color), 0px 6px 10px 0px var(--mat-sys-penumbra-color), 0px 1px 18px 0px var(--mat-sys-ambient-color);--mat-sys-level4: 0px 5px 5px -3px var(--mat-sys-umbra-color), 0px 8px 10px 1px var(--mat-sys-penumbra-color), 0px 3px 14px 2px var(--mat-sys-ambient-color);--mat-sys-level5: 0px 7px 8px -4px var(--mat-sys-umbra-color), 0px 12px 17px 2px var(--mat-sys-penumbra-color), 0px 5px 22px 4px var(--mat-sys-ambient-color);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--skills-section-glow-left: rgba(47, 130, 172, .2);--skills-section-glow-right: rgba(64, 173, 132, .2);--greetings-background-image: url("./media/background-image-USANH6G5.jpg");--stack-bar-title-inner-stroke: rgba(255, 255, 255, .04);--stack-bar-title-outer-stroke: rgba(0, 0, 0, .2);--tech-stack-name-color: color-mix(in srgb, var(--color-on-dark) 88%, var(--color-tertiary) 12%);--tech-stack-name-shadow: 0 0 8px color-mix(in srgb, currentColor 30%, transparent), 0 0 18px color-mix(in srgb, currentColor 16%, transparent);--tech-stack-fallback-border: color-mix(in srgb, currentColor 75%, transparent);--tech-stack-fallback-color: color-mix(in srgb, currentColor 72%, white 16%);--tech-stack-fallback-text-shadow: 0 0 8px color-mix(in srgb, currentColor 42%, transparent), 0 0 18px color-mix(in srgb, currentColor 24%, transparent);--tech-stack-fallback-box-shadow: 0 0 10px color-mix(in srgb, currentColor 22%, transparent), inset 0 0 18px color-mix(in srgb, currentColor 18%, transparent);--tech-stack-accent-javascript: #f7df1e;--tech-stack-accent-typescript: #017acb;--tech-stack-accent-html5: #e44d26;--tech-stack-accent-css3: #264de4;--tech-stack-accent-vite: #916bfe;--tech-stack-accent-npm: #cc0000;--tech-stack-accent-angular: #b52e31;--tech-stack-accent-react: #61dafb;--tech-stack-accent-material-ui: #00b0ff;--tech-stack-accent-flutter: #3b8aca;--tech-stack-accent-dart: #0075c9;--tech-stack-accent-react-native: #61dafb;--tech-stack-accent-kotlin: #ac2ef4;--tech-stack-accent-android-studio: #3ddb85;--tech-stack-accent-ionic: #3880ff;--tech-stack-accent-nodejs: #8cc84b;--tech-stack-accent-graphql: #e535ab;--tech-stack-accent-apollo: #512da8;--tech-stack-accent-postgresql: #336791;--tech-stack-accent-firebase: #ffa000;--tech-stack-accent-linux: #161614;--tech-stack-accent-docker: #2496ed;--tech-stack-accent-figma: #a259ff;--tech-stack-accent-copilot: #f97316;--tech-stack-accent-coderabit: #ff570a;--tech-stack-accent-git: #de4c36;--tech-stack-accent-github: #161614;--tech-stack-accent-gmail: #FFFFFF;--tech-stack-accent-linkedin: #006699}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url("./media/roboto-latin-3ZSHNGCF.woff2") format("woff2");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}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url("./media/roboto-latin-3ZSHNGCF.woff2") format("woff2");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}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url("./media/roboto-latin-3ZSHNGCF.woff2") format("woff2");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}@font-face{font-family:Geist Pixel;font-style:normal;font-weight:400;font-display:swap;src:url("./media/GeistPixel-Regular-VariableFont_ELSH-6M5PL75L.ttf") format("truetype-variations")}@font-face{font-family:Geist Pixel;font-style:normal;font-weight:700;font-display:swap;src:url("./media/GeistPixel-Regular-VariableFont_ELSH-6M5PL75L.ttf") format("truetype-variations")}.type-section-label{margin:0;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.type-hero-title{font-family:Geist Pixel,Courier New,monospace;margin:0;font-size:clamp(2rem,6vw,4rem);line-height:1.05;font-weight:700}.type-section-title{margin:.8rem 0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.12;font-weight:700}.type-subtitle{margin:0;font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.45;font-weight:400}.type-body{margin:0;font-size:clamp(.98rem,1.8vw,1.1rem);line-height:1.7}.type-pixel{font-family:Geist Pixel,Courier New,monospace;letter-spacing:.03em}:root{--color-primary: var(--mat-sys-primary);--color-secondary: var(--mat-sys-secondary);--color-tertiary: var(--mat-sys-tertiary);--color-error: var(--mat-sys-tertiary);--color-neutral: var(--mat-sys-outline);--color-neutral-variant: var(--mat-sys-outline-variant);--color-surface-900: var(--mat-sys-background);--color-surface-800: var(--mat-sys-surface-container-low);--color-surface-700: var(--mat-sys-surface-container-lowest);--color-on-dark: var(--mat-sys-on-background);--stack-bar-title-text-dark: color-mix(in srgb, var(--mat-sys-neutral10) 88%, black 12%);--stack-bar-title-text-light: color-mix(in srgb, white 92%, var(--mat-sys-on-background) 8%);--stack-bar-amber-start: #ffcc60;--stack-bar-amber-end: #ecaf3d;--stack-bar-amber-border: #f0c05b;--stack-bar-silver-start: #e7e9ec;--stack-bar-silver-end: #cfd3d8;--stack-bar-silver-border: #d6dae0;--stack-bar-orange-start: #ffb25e;--stack-bar-orange-end: #ef8a29;--stack-bar-orange-border: #f2a14c;--stack-bar-green-start: #8ed27f;--stack-bar-green-end: #5ea357;--stack-bar-green-border: #6ab764;--stack-bar-cyan-start: #83d3ef;--stack-bar-cyan-end: #2f98be;--stack-bar-cyan-border: #62bad8;--stack-bar-violet-start: #8c80e5;--stack-bar-violet-end: #5e52b7;--stack-bar-violet-border: #7a6fd4;--stack-bar-pink-start: #e56fc4;--stack-bar-pink-end: #b94795;--stack-bar-pink-border: #ce5fae;--folder-tabs-surface: #f5cf4f;--folder-tabs-surface-active: #e8a90c;--folder-tabs-surface-inner: #f3dd94;--folder-tabs-outline: color-mix(in srgb, #d39b06 78%, var(--mat-sys-outline) 22%);--folder-tabs-text: color-mix(in srgb, var(--mat-sys-on-surface) 84%, #3d2e02 16%);--folder-tabs-shadow: 0 10px 24px color-mix(in srgb, #000 14%, transparent);--folder-tabs-focus-shadow: var(--mat-sys-primary)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--mat-sys-plain-font-family),"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background-color:var(--mat-sys-background);color:var(--mat-sys-on-background)}