@font-face{font-family:Raleway Variable;src:url(/fonts/Raleway/Raleway-VF.woff2) format("woff2-variations");font-weight:200 900}@font-face{font-family:Apfel Grotezk;src:url(/fonts/ApfelGrotezk/ApfelGrotezk-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Apfel Grotezk;src:url(/fonts/ApfelGrotezk/ApfelGrotezk-Mittel.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Apfel Grotezk;src:url(/fonts/ApfelGrotezk/ApfelGrotezk-Fett.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Apfel Grotezk;src:url(/fonts/ApfelGrotezk/ApfelGrotezk-Satt.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Fragment Mono;src:url(/fonts/Fragment_Mono/FragmentMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fragment Mono;src:url(/fonts/Fragment_Mono/FragmentMono-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}/*!*DEBUG PURPOSES*!*/:root{--ref-palette-neutral-0: rgba(255, 255, 255, 1);--ref-palette-neutral-0--trans20: rgba(255, 255, 255, .2);--ref-palette-neutral-0--trans50: rgba(255, 255, 255, .5);--ref-palette-neutral-100: rgb(250, 250, 250, 1);--ref-palette-neutral-200: rgba(220, 220, 220, 1);--ref-palette-neutral-300: rgba(213, 213, 213, 1);--ref-palette-neutral-600: rgba(64, 64, 64, 1);--ref-palette-neutral-700: rgba(39, 39, 39, 1);--ref-palette-neutral-800: rgba(23, 23, 23, 1);--ref-palette-neutral-900: rgba(14, 14, 14, 1);--ref-palette-neutral-900--trans20: rgba(14, 14, 14, .2);--ref-palette-cyan-500: #1d69cd;--ref-palette-blue-500: #237ff8;--ref-palette-blue-700: #273dff;--ref-text-size-80: .64rem;--ref-text-size-90: .8rem;--ref-text-size-100: 1rem;--ref-text-size-200: 1.25rem;--ref-text-size-300: 1.563rem;--ref-text-size-400: 1.953rem;--ref-text-size-500: 2.441rem;--ref-text-size-600: 3.052rem;--ref-text-size-700: 3.815rem;--ref-text-size-800: 4.769rem;--sys-background-color: var(--ref-palette-neutral-900);--sys-background-color--footer: var(--ref-palette-neutral-800);--sys-text-color--heading: var(--ref-palette-neutral-0);--sys-text-color--body: var(--ref-palette-neutral-200);--sys-text-color--alternate: var(--ref-palette-blue-500);--sys-border-color--outer: var(--ref-palette-neutral-600);--sys-border-color--inner: var(--ref-palette-neutral-700);--sys-border-color--alternate: var(--ref-palette-neutral-900--trans20);--sys-button-color--normal: var(--ref-palette-blue-500);--sys-button-color--normal--hover: var(--ref-palette-blue-700);--sys-button-color--nav: var(--ref-palette-neutral-900);--sys-button-color--nav--hover: var(--ref-palette-neutral-800);--sys-link-tile-background-color: var(--ref-palette-neutral-0);--sys-page-section-padding: 5rem 5rem;--sys-navbar-height: 3.75rem;--sys-scrollbar-handle: var(--ref-palette-neutral-0);--sys-scrollbar-gutter: var(--ref-palette-neutral-900);font-family:Raleway Variable,sans-serif;font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{padding:0;margin:0;box-sizing:border-box}body{transition:filter 1s;height:100dvh;width:100%;overflow-y:scroll;overflow-x:hidden;color:#fff}p,h1,h2,h3,h4,h5,h6,small{overflow-wrap:break-word;height:fit-content}h1,h2,h3,h4,h5,h6{text-wrap:balance;color:var(--sys-text-color--heading)}h1{font-weight:600;font-size:var(--ref-text-size-600);letter-spacing:-.025em;line-height:1;margin-top:1em}h2{font-weight:400;font-size:var(--ref-text-size-500);letter-spacing:-.04em;line-height:1;margin-top:.5em}h3{font-weight:400;font-size:var(--ref-text-size-400);letter-spacing:-.025em;line-height:1em;margin-top:1em}h4{font-weight:400;font-size:var(--ref-text-size-200);letter-spacing:.01em;line-height:1;margin-top:1em;color:var(--sys-text-color--body)}p{font-weight:400;font-size:var(--ref-text-size-100);text-wrap:pretty;letter-spacing:-.025em;line-height:1.4em;margin-top:1em;color:var(--sys-text-color--body)}small{font-weight:400;font-style:italic;font-size:var(--ref-text-size-90);text-wrap:pretty;letter-spacing:-.025em;line-height:1.4em;margin-top:1em;color:var(--sys-text-color--alternate)}b{font-weight:700}input,button,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.center-text{text-align:center}#root{height:100%}a:has([class]){text-decoration-skip-ink:auto;color:currentColor;text-decoration:none}*{scrollbar-width:thin;scrollbar-color:var(--sys-scrollbar-handle) var(--sys-scrollbar-gutter)}.center-absolute--horizontal{margin-left:auto;margin-right:auto;top:0;right:0;bottom:0;left:0;text-align:center}.center-absolute--vertical{margin-top:auto;margin-bottom:auto;top:0;right:0;bottom:0;left:0;text-align:center}#landing-section{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2rem;min-height:100dvh}#about-section{display:grid;grid-template-columns:5fr 3fr;grid-template-rows:auto 2fr 1fr;grid-template-areas:"header header" "description timeline" "footer footer";gap:0 4rem}#skills-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:0 4rem}#contact-section{min-height:0;height:75dvh}#contact-section #social-tiles{display:flex;margin:6rem 2rem 2rem;height:fit-content;gap:4rem}@media screen and (max-width: 700px){#about-section{grid-template-columns:auto;grid-template-rows:auto auto auto;grid-template-areas:"header" "description" "timeline" "footer";gap:1.5rem}}.mono-tile__container{display:flex;margin:0;align-items:center;justify-content:center;height:fit-content;gap:1ch;font-size:var(--ref-text-size-200);flex-wrap:wrap}@media screen and (max-width: 500px){#skills-section{gap:4rem}}.button{display:flex;justify-content:center;align-items:center;font-size:var(--ref-text-size-100);font-weight:600;gap:5px;transition:all .2s}.button:hover{cursor:pointer}.button .icon{position:relative;width:var(--ref-text-size-200);top:-1px}.button--nav{height:2.25rem;width:8.938rem;padding:10px 15px;border-radius:.625rem;border:var(--sys-border-color--outer) 1px solid;background:var(--sys-button-color--nav)}.button--normal,.button--normal--link{height:3.1rem;width:fit-content;padding:10px 15px;border-radius:999px;border:var(--sys-border-color--alternate) 1px solid;background:var(--sys-button-color--normal)}.button--normal:hover,.button--normal--link:hover{background:var(--sys-button-color--normal--hover);transition:all .2s}.text-frame{display:flex;flex-direction:column}.page-section{min-height:900px;width:100%;margin-left:auto;margin-right:auto;max-width:1200px;padding:var(--sys-page-section-padding)}@media screen and (max-width: 700px){.page-section{padding-left:5dvw;padding-right:5dvw}}.mono-tile{font-family:Fragment Mono,monospace;letter-spacing:.01em;font-size:var(--ref-text-size-200);padding:.2em;margin:.25em 0;border:var(--ref-palette-neutral-0) 1px solid;border-radius:.35rem;width:fit-content}.stack-card{display:grid;grid-template-columns:2fr 6fr;grid-template-rows:1fr;grid-template-areas:"title icons";min-height:8rem;height:fit-content;width:100%;border-radius:2rem;border:var(--sys-border-color--outer) 1px solid;padding:.3rem;gap:.3rem}.stack-card>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;height:100%;border:var(--sys-border-color--outer) 1px solid}.stack-card>div:nth-child(1){border-radius:1.7rem .75rem .75rem 1.7rem}.stack-card>div:nth-child(1)>*{margin:0;font-weight:500}.stack-card>div:nth-child(2){border-radius:.75rem 1.7rem 1.7rem .75rem}.stack-card .stack-icon-container{justify-content:space-evenly;padding:.5rem 5%;overflow-x:auto;min-height:100%;height:fit-content;gap:.5rem}.stack-card .stack-icon-container .stack-icon{flex-shrink:1;max-height:72px;border:var(--sys-border-color--outer) 1px solid;border-radius:1rem}@media screen and (max-width: 500px){.stack-card{grid-template-rows:2fr 6fr;grid-template-columns:auto;grid-template-areas:"title" "icons"}.stack-card>div:nth-child(1){border-radius:1.7rem 1.7rem .75rem .75rem}.stack-card>div:nth-child(2){border-radius:.75rem .75rem 1.7rem 1.7rem}}.link-tile{display:flex;flex-direction:column;align-items:center;width:6rem;height:fit-content}.link-tile>.link-tile__card{border:var(--sys-border-color--outer) 1px solid;background:var(--sys-link-tile-background-color);padding:.6rem .2rem;border-radius:.4rem}.page-container{height:fit-content;width:100%;background:var(--sys-background-color)}.page-container>.page-container__content{display:flex;flex-direction:column}#navbar{z-index:2;position:fixed;width:100dvw;height:var(--sys-navbar-height);display:flex;gap:.5rem;justify-content:center;align-items:center}#navbar:before{z-index:-1;position:absolute;content:"";background:var(--sys-background-color);mask-mode:luminance;width:100%;height:100%}#navbar>#home-button{position:absolute;left:0}.page-footer{height:fit-content;background:var(--sys-background-color--footer);border-top:var(--sys-border-color--outer) 1px solid}.page-footer>.page-footer__content{display:grid;grid-template-rows:7fr auto 3fr;grid-template-columns:6fr 4fr;grid-template-areas:"description links" "separator separator" "copyright copyright";gap:1rem 0;max-width:1200px;height:100%;margin:0 auto;padding:35px 10px}.page-footer>.page-footer__content>div{padding:0 1.25rem}.page-footer>.page-footer__content .separator{grid-area:separator;border:0;height:1px;background:var(--sys-border-color--outer)}.page-footer>.page-footer__content>.page-footer__description{grid-area:description}.page-footer>.page-footer__content>.page-footer__links{display:flex;flex-wrap:wrap;gap:1ch;grid-area:links}.page-footer>.page-footer__content>.page-footer__links>.page-footer__links__column{display:flex;flex-direction:column}.page-footer>.page-footer__content>.page-footer__links>.page-footer__links__column>.page-footer__links__text{z-index:1;display:block;position:relative;width:fit-content;line-height:1.6;color:var(--sys-text-color--body);text-decoration:none}.page-footer>.page-footer__content>.page-footer__links>.page-footer__links__column>a:after{z-index:-1;content:"";position:absolute;background:var(--ref-palette-blue-500);border-radius:2px;height:.2em;bottom:0;left:-.1em;right:-.1em;transition:all .2s}.page-footer>.page-footer__content>.page-footer__links>.page-footer__links__column>a:hover:after{height:80%;bottom:10%}.page-footer>.page-footer__content>.page-footer__copyright{grid-area:copyright}@media screen and (max-width: 700px){.page-footer{height:fit-content}.page-footer>.page-footer__content{grid-template-rows:6fr 4fr auto 2fr;grid-template-columns:auto;grid-template-areas:"description" "links" "separator" "copyright"}}