body{padding:var(--padding-md);margin:0 auto}@media (width>=44rem){body{padding:var(--padding-xl);padding-top:var(--padding-md);padding-bottom:var(--padding-md)}}@media (width>=64rem){body{max-width:1536px;padding-left:64px;padding-right:64px}}:root{--scale-none:0px;--scale-25:1px;--scale-50:2px;--scale-100:4px;--scale-200:8px;--scale-300:12px;--scale-400:16px;--scale-500:24px;--scale-600:32px;--scale-700:48px;--scale-800:64px;--scale-900:96px;--scale-1000:128px;--scale-1100:192px;--scale-1200:256px;--scale-1300:384px;--scale-1400:512px;--scale-1500:640px;--scale-1600:768px;--scale-max:9999px;--olive-50:oklch(96.23% .0838 115.77);--olive-100:oklch(90.36% .0838 115.77);--olive-200:oklch(80.5% .0838 115.77);--olive-300:oklch(70.64% .0838 115.77);--olive-400:oklch(60.67% .0838 115.77);--olive-500:oklch(50.7% .0838 115.77);--olive-600:oklch(47.78% .0838 115.77);--olive-700:oklch(44.86% .0838 115.77);--olive-800:oklch(41.94% .0838 115.77);--olive-900:oklch(39.02% .0838 115.77);--beige-50:oklch(99% .0188 113.36);--beige-100:oklch(98% .0188 113.36);--beige-200:oklch(96.5% .0188 113.36);--beige-300:oklch(95% .0188 113.36);--beige-400:oklch(93.5% .0188 113.36);--beige-500:oklch(92% .0188 113.36);--beige-600:oklch(90.5% .0188 113.36);--beige-700:oklch(89% .0188 113.36);--beige-800:oklch(87.5% .0188 113.36);--beige-900:oklch(86% .0188 113.36);--faded-sage-50:oklch(96% .0205 103.64);--faded-sage-100:oklch(94% .0205 103.64);--faded-sage-200:oklch(86% .0205 103.64);--faded-sage-300:oklch(78% .0205 103.64);--faded-sage-400:oklch(70% .0205 103.64);--faded-sage-500:oklch(62% .0205 103.64);--faded-sage-600:oklch(54% .0205 103.64);--faded-sage-700:oklch(46% .0205 103.64);--faded-sage-800:oklch(38% .0205 103.64);--faded-sage-900:oklch(30% .0205 103.64);--primary-50:var(--olive-50);--primary-100:var(--olive-100);--primary-200:var(--olive-200);--primary-300:var(--olive-300);--primary-400:var(--olive-400);--primary-500:var(--olive-500);--primary-600:var(--olive-600);--primary-700:var(--olive-700);--primary-800:var(--olive-800);--primary-900:var(--olive-900);--pale-50:var(--beige-50);--pale-100:var(--beige-100);--pale-200:var(--beige-200);--pale-300:var(--beige-300);--pale-400:var(--beige-400);--pale-500:var(--beige-500);--pale-600:var(--beige-600);--pale-700:var(--beige-700);--pale-800:var(--beige-800);--pale-900:var(--beige-900);--neutral-50:var(--faded-sage-50);--neutral-100:var(--faded-sage-100);--neutral-200:var(--faded-sage-200);--neutral-300:var(--faded-sage-300);--neutral-400:var(--faded-sage-400);--neutral-500:var(--faded-sage-500);--neutral-600:var(--faded-sage-600);--neutral-700:var(--faded-sage-700);--neutral-800:var(--faded-sage-800);--neutral-900:var(--faded-sage-900);--primary:var(--primary-500);--on-primary:var(--primary-50);--primary-container:var(--primary-100);--on-primary-container:var(--primary-900);--on-primary-container-variant:var(--primary-600);--on-surface:var(--neutral-900);--on-surface-variant:var(--neutral-700);--surface:var(--neutral-50);--surface-container-lowest:var(--pale-400);--surface-container-low:var(--pale-500);--surface-container:var(--pale-600);--surface-container-high:var(--pale-700);--surface-container-highest:var(--pale-800);--outline:var(--neutral-400);--outline-variant:var(--neutral-300);--border-width:var(--scale-25);--primary-font:"Roboto";--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--corner-xs:var(--scale-200);--corner-sm:var(--scale-300);--corner-md:var(--scale-400);--corner-lg:var(--scale-500);--corner-xl:var(--scale-600);--corner-full:var(--scale-max);--spacing-xs:var(--scale-50);--spacing-sm:var(--scale-100);--spacing-md:var(--scale-200);--spacing-lg:var(--scale-300);--spacing-xl:var(--scale-400);--spacing-2xl:var(--scale-500);--spacing-3xl:var(--scale-600);--padding-xs:var(--scale-200);--padding-sm:var(--scale-300);--padding-md:var(--scale-400);--padding-lg:var(--scale-500);--padding-xl:var(--scale-600);--transition-duration:.25s;--scale-factor:.98}.corner-xs{border-radius:var(--scale-200)}.corner-sm{border-radius:var(--scale-300)}.corner-md{border-radius:var(--scale-400)}.corner-lg{border-radius:var(--scale-500)}.corner-xl{border-radius:var(--scale-600)}.corner-round{border-radius:var(--scale-max)}.primary{background-color:var(--primary)}.primary-text{color:var(--primary)}.on-primary{color:var(--on-primary)}.primary-container{background-color:var(--primary-container)}.on-primary-container{--color:var(--on-primary-container);color:var(--color)}.on-primary-container-variant{--color:var(--on-primary-container-variant);color:var(--color)}.on-surface{color:var(--on-surface)}.on-surface-variant{color:var(--on-surface-variant)}.surface{background-color:var(--surface)}.surface-container-lowest{background-color:var(--surface-container-lowest)}.surface-container-low{background-color:var(--surface-container-low)}.surface-container{background-color:var(--surface-container)}.surface-container-high{background-color:var(--surface-container-high)}.surface-container-highest{background-color:var(--surface-container-highest)}.outline{border:var(--border-width) solid var(--outline)}.outline-variant{border:var(--border-width) solid var(--outline-variant)}.icon{--color:var(--on-surface-variant);color:var(--color)}.logo{--logo-width:var(--scale-900);width:var(--logo-width);height:auto}.logo.logo--md{--logo-width:var(--scale-1100)}.text-block{width:100%;max-width:75ch}.page-gap{--page-gap:var(--scale-900);gap:var(--page-gap);flex-direction:column;display:flex}@media (width>=44rem){.page-gap{--page-gap:var(--scale-1000)}}@media (width>=64rem){.page-gap{--page-gap:var(--scale-1100)}}.header-gap{--header-gap:var(--scale-800);gap:var(--header-gap);flex-direction:column;display:flex}.font-display{--font-weight:var(--font-weight-medium);--font-size:2.25rem;--line-height:1.22;--letter-spacing:0em;font-family:var(--primary-font);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}@media (width>=44rem){.font-display{--font-size:2.8125rem;--line-height:1.16;--letter-spacing:0em}}@media (width>=64rem){.font-display{--font-size:3.5625rem;--line-height:1.12;--letter-spacing:-.015625em}}.font-headline{--font-weight:var(--font-weight-medium);--font-size:1.5rem;--line-height:1.33;--letter-spacing:0em;font-family:var(--primary-font);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}@media (width>=44rem){.font-headline{--font-size:1.75rem;--line-height:1.29;--letter-spacing:0em}}@media (width>=64rem){.font-headline{--font-size:2rem;--line-height:1.25;--letter-spacing:0em}}.font-title{--font-weight:var(--font-weight-medium);--font-size:.875rem;--line-height:1.43;--letter-spacing:.00625em;font-family:var(--primary-font);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}@media (width>=44rem){.font-title{--font-size:1rem;--line-height:1.5;--letter-spacing:.009375em}}@media (width>=64rem){.font-title{--font-size:1.375rem;--line-height:1.27;--letter-spacing:0em}}.font-label{--font-weight:var(--font-weight-medium);--font-size:.69rem;--line-height:1.45;--letter-spacing:.03125em;font-family:var(--primary-font);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}@media (width>=44rem){.font-label{--font-size:.75rem;--line-height:1.5;--letter-spacing:.03125em}}@media (width>=64rem){.font-label{--font-size:.875rem;--line-height:1.43;--letter-spacing:.00625em}}.font-body{--font-weight:var(--font-weight-regular);--font-size:.75rem;--line-height:1.33;--letter-spacing:.025em;font-family:var(--primary-font);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}.font-body.medium{--font-weight:var(--font-weight-medium)}@media (width>=44rem){.font-body{--font-size:.875rem;--line-height:1.43;--letter-spacing:.015625em}}@media (width>=64rem){.font-body{--font-size:1rem;--line-height:1.5;--letter-spacing:.03125em}}.button{--hover-bg:color-mix(in oklch, var(--neutral-500) 10%, transparent);--active-bg:color-mix(in oklch, var(--neutral-500) 20%, transparent);--bg:transparent;--color:var(--on-surface);--padding:var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--padding);border-radius:var(--corner-full);background-color:var(--bg);color:var(--color);transition:background-color var(--transition-duration) ease-in, transform var(--transition-duration) ease-in;cursor:pointer;border:none;display:flex}.button:hover{box-shadow:0 1px 2px 0 color-mix(in oklch, var(--shadow-color) 30%, transparent), 0 1px 3px 1px color-mix(in oklch, var(--shadow-color) 15%, transparent);background-color:var(--hover-bg);transform:scale(var(--scale-factor))}.button:active{background-color:var(--active-bg);transform:scale(1)}.placeholder{--width:100%;--height:var(--scale-1200);--corner:var(--corner-md);background-color:var(--neutral-200);width:var(--width);height:var(--height);border-radius:var(--corner)}.flex-center{justify-content:space-between;align-items:center;display:flex}.tech-stack-logo,.social-icon{height:var(--scale-500)}.wrap-text{--width:var(--scale-1200);width:var(--width)}.paragraph-text{--width:70svw;--margin-bottom:1em;width:var(--width);margin-bottom:var(--margin-bottom)}@media (width>=44rem){.paragraph-text{--width:80%}}.portfolio{flex-direction:column;display:flex}@media (width>=44rem){.portfolio{max-width:540px;margin:0 auto}}.portfolio__image-container{border-radius:var(--corner-sm);--width:auto;--height:var(--scale-1200);width:var(--width);height:var(--height);overflow:hidden}@media (width>=44rem){.portfolio__image-container{justify-content:center;align-items:center;display:flex}}.portfolio__image{--width:auto;--height:100%;width:var(--width);height:var(--height)}.portfolio__ul{flex-direction:column;display:flex}.portfolio__li{--margin-bottom:none;list-style-position:inside}.section{gap:var(--spacing-xl);flex-direction:column;display:flex}.form{flex-direction:column;display:flex}.form__title-container{gap:var(--spacing-xs);flex-direction:column;display:flex}.form__radio-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form__radio-container{gap:var(--spacing-md);display:flex}.form__radio-button{accent-color:var(--primary)}.form__text-area{border-radius:var(--corner-xs);--padding-x:var(--padding-sm);--padding-y:var(--padding-xs);--height:var(--scale-900);--width:100%;background-color:var(--surface);color:var(--on-surface);border:2px solid var(--primary);height:var(--height);width:var(--width);padding:var(--padding-y) var(--padding-x)}.form__form-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.form__input{border-radius:var(--corner-xs);--padding-x:var(--padding-sm);--padding-y:var(--padding-xs);--height:auto;--width:100%;background-color:var(--surface);border:2px solid var(--primary);height:var(--height);width:var(--width);padding:var(--padding-y) var(--padding-x)}@font-face{font-family:Roboto;src:url(/fonts/Roboto-VariableFont_wdth,wght.ttf);font-weight:100 900;display:swap}@font-face{font-family:Material Symbols Rounded;src:url(/fonts/MaterialSymbolsRounded-VariableFont_FILL,GRAD,opsz,wght.ttf)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--primary-font)}.material-symbols-rounded{white-space:nowrap;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.antipotion-bottle{--shake-distance:1deg}.antipotion-bottle.antipotion-bottle--hovered{animation:1s ease-in infinite slight-shake}@keyframes slight-shake{0%,to{transform:rotate(0)}25%{transform:rotate(var(--shake-distance))}75%{transform:rotate(calc(-1 * var(--shake-distance)))}}.menu-button__button{position:relative}.menu-button__backdrop{background-color:color-mix(in oklab, var(--on-surface) 8%, transparent);z-index:0;position:fixed;inset:0}.menu-list{padding:var(--padding-xs);border-radius:var(--corner-xs);box-shadow:0 1px 2px 0 color-mix(in oklch, var(--shadow-color) 30%, transparent), 0 1px 3px 1px color-mix(in oklch, var(--shadow-color) 15%, transparent);--shadow-color:var(--on-surface);width:var(--scale-1100);background-color:var(--primary-container);color:var(--on-primary-container);position:absolute;top:48px;right:8px}.menu-list__container{gap:var(--spacing-md);flex-direction:column;list-style:none;display:flex}.menu-list__item{border-radius:var(--corner-sm);cursor:pointer;width:100%;padding:4px 12px}.menu-list__item:hover{background-color:var(--primary);color:var(--on-primary)}.menu-list__link{color:inherit;width:100%;text-decoration:none;display:block}.menu-list__link:active,.menu-list__link:hover{color:inherit}.header__menu-container{gap:var(--spacing-sm);align-items:center;display:flex}@media (width>=64rem){.header__menu-container{gap:var(--spacing-lg);flex-direction:row-reverse}.header__menu-button{display:none}}.header__text-link-container{gap:var(--spacing-md);list-style:none;display:none}@media (width>=64rem){.header__text-link-container{display:flex}}.header__text-link{padding:var(--padding-xs);border-radius:var(--corner-full);color:var(--on-surface-variant);transition:color var(--transition-duration) ease-out, background-color var(--transition-duration) ease-out;text-decoration:none}.header__text-link:hover{background-color:var(--primary);color:var(--on-primary)}.primary-anchor{border-radius:var(--corner-full);box-shadow:0 1px 2px 0 color-mix(in oklch, var(--shadow-color) 30%, transparent), 0 2px 6px 2px color-mix(in oklch, var(--shadow-color) 15%, transparent);--width:100%;--height:auto;--padding-x:var(--scale-500);--padding-y:var(--scale-300);--background-color:var(--primary);--color:var(--on-primary);--shadow-color:var(--on-surface);--shake-distance:2px;--lift-distance:2px;isolation:isolate;width:var(--width);height:var(--height);padding:var(--padding-y) var(--padding-x);background-color:var(--background-color);color:var(--color);transition:transform var(--transition-duration) ease-in, scale var(--transition-duration) ease-in, box-shadow var(--transition-duration) ease-in;cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}@media (width>=44rem){.primary-anchor{--width:auto}}.primary-anchor:hover,.primary-anchor:focus-visible{box-shadow:0 6px 10px 4px color-mix(in oklch, var(--shadow-color) 15%, transparent), 0 2px 3px 0 color-mix(in oklch, var(--shadow-color) 30%, transparent);animation-name:shake;animation-duration:.5s;animation-timing-function:ease-in}.primary-anchor:hover .primary-anchor__backdrop,.primary-anchor:focus-visible .primary-anchor__backdrop{opacity:1;animation:8s ease-in infinite rotate-background}.primary-anchor:focus-visible{outline:4px solid var(--background-color);outline-offset:3px}.primary-anchor:hover .primary-anchor__bubble,.primary-anchor:focus-visible .primary-anchor__bubble{opacity:1}.primary-anchor:active:after{opacity:.5}.primary-anchor:after{content:"";opacity:0;background:var(--background-color);mix-blend-mode:color-dodge;border-radius:inherit;transition:opacity var(--transition-duration) ease-in;pointer-events:none;position:absolute;inset:0}.primary-anchor__backdrop{border-radius:inherit;background:linear-gradient(45deg, var(--primary), var(--on-primary), var(--primary));opacity:0;transition:opacity var(--transition-duration) ease-in;z-index:-1;pointer-events:none;background-size:200% 200%;position:absolute;inset:-2px}.primary-anchor__text{z-index:1}.primary-anchor>svg{border-radius:inherit;z-index:-1;position:absolute;inset:0}.primary-anchor__bubble{fill:var(--on-primary);opacity:0;z-index:-1;transition:opacity var(--transition-duration) ease-in}.primary-anchor__frost-surface{fill:var(--background-color);opacity:.75;z-index:0;inset:0}@keyframes shake{0%{transform:translate(0)}10%{transform:translate(calc(-1 * var(--shake-distance)), 0)}25%{transform:translateX(var(--shake-distance))}75%{transform:translateX(calc(-1 * var(--shake-distance)))}90%{transform:translateX(var(--shake-distance))}to{transform:translate(0, calc(-1 * var(--lift-distance)))}}@keyframes rotate-background{0%,to{background-position:0%}50%{background-position:100%}}.footer{justify-content:center;align-items:center;gap:var(--spacing-xl);--variant-color:var(--on-surface-variant);margin-bottom:var(--scale-400);flex-direction:column;display:flex}@media (width>=44rem){.footer{grid-template-columns:repeat(3,1fr);display:grid}.footer>:first-child{grid-area:1/2;justify-self:center}.footer>:nth-child(2){justify-self:flex-end}.footer>:last-child{grid-area:1/1;justify-self:flex-start}}.footer__social-icons-container{fill:var(--variant-color);display:flex}.footer__copyright{color:var(--variant-color)}.social-link-button{padding:var(--padding-xs);border-radius:var(--corner-full);--background-color:transparent;--fill:var(--on-surface-variant);--shadow-color:var(--on-surface);background-color:var(--background-color);fill:var(--fill);transition:background-color var(--transition-duration) ease-in, fill var(--transition-duration) ease-in, transform var(--transition-duration) ease-in, box-shadow var(--transition-duration) ease-in;cursor:pointer;border:none;display:flex}.social-link-button:hover{box-shadow:0 1px 2px 0 color-mix(in oklch, var(--shadow-color) 30%, transparent), 0 1px 3px 1px color-mix(in oklch, var(--shadow-color) 15%, transparent);--background-color:var(--primary);--fill:var(--on-primary);transform:scale(var(--scale-factor))}.social-link-button:active{transform:scale(1)}