*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--pink: #ffcfdb;--black: #111111;--charcoal: #303030;--charcoal-dim: rgba(48, 48, 48, .32);--white: #ffffff;--offwhite: #fafafa;--gray: #808080;--purple: #6d23db;--on-pink: #303030;--on-pink-dim: rgba(48, 48, 48, .72);--on-pink-dimmer: rgba(48, 48, 48, .32);--nav-scrolled-bg: rgba(250, 250, 250, .88);--nav-scrolled-border: rgba(0, 0, 0, .06);--nav-scrolled-shadow: rgba(0, 0, 0, .06);--font: "Manrope", sans-serif;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.375rem;--text-3xl: 1.875rem;--text-4xl: 2rem;--text-5xl: 2.625rem;--text-6xl: 3rem;--lh-display: 1;--lh-heading: 1.2;--lh-snug: 1.45;--lh-base: 1.6;--lh-relaxed: 1.75;--ls-display: -.04em;--ls-heading: -.02em;--ls-snug: -.01em;--ls-caps: .08em;--ls-caps-lg: .12em;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--space-6: 64px;--space-7: 80px;--space-8: 120px;--opacity-dim: .32;--opacity-mid: .48;--opacity-high: .72;--opacity-near: .88;--radius-sm: 4px;--radius-md: 8px;--radius-nav: 14px;--radius-pill: 999px;--rule-subtle: rgba(17, 17, 17, .08);--rule-visible: rgba(17, 17, 17, .12);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-enter: .55s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-smooth: cubic-bezier(.25, 0, 0, 1);--ease-out-enter: cubic-bezier(.22, 1, .36, 1)}@media (prefers-contrast: more){:root{--gray: #555555;--charcoal-dim: rgba(48, 48, 48, .6);--on-pink-dim: rgba(48, 48, 48, .9);--on-pink-dimmer: rgba(48, 48, 48, .6)}:focus-visible{outline-width:3px;outline-offset:4px}}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--purple);outline-offset:3px;border-radius:2px}.skip-link{position:absolute;top:-100%;left:0;background:var(--black);color:var(--white);padding:10px 20px;font-family:var(--font);font-size:14px;font-weight:500;text-decoration:none;z-index:9999;transition:top .1s}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#hero{z-index:1;position:relative}#projects{z-index:3;position:relative}#about{z-index:5;position:relative}#experience{z-index:7;position:relative}#contact{z-index:8;position:relative}body{font-family:var(--font);font-size:var(--text-base);line-height:var(--lh-base);background:var(--offwhite);color:var(--black);overflow-x:hidden;-webkit-font-smoothing:antialiased}#main{padding-bottom:1px}body:has(#main[data-theme=dark]) nav button span{background:#fafafa}