@import"https://cdn.jsdelivr.net/npm/flag-icons/css/flag-icons.min.css";:root{--color-primary-dark: $colorPrimaryDark;--color-primary-light: $colorPrimaryLight;--color-primary: light-dark($colorPrimaryLight, $colorPrimaryDark);--color-primary-inv: light-dark($colorPrimaryDark, $colorPrimaryLight);--portfolio-stroke-color: $colorPrimaryInv;--color-highlight-500: rgb(24, 50, 133);--color-highlight-600: oklch(from var(--color-highlight-500) calc(l - .05) c h);--color-highlight-400: oklch(from var(--color-highlight-500) calc(l + .1) c h);--color-highlight-300: oklch(from var(--color-highlight-500) calc(l + .25) c h);--color-highlight-200: oklch(from var(--color-highlight-500) calc(l + .4) c h);--color-highlight-100: oklch(from var(--color-highlight-500) calc(l + .55) c h);--color-highlight-secondary: #668094;--color-highlight-tertiary: #99AAB7;--color-neutral-900: #333739;--color-neutral-800: oklch(from var(--color-neutral-900) calc(l + .05) c h);--color-neutral-700: #4A5258;--color-neutral-600: #6c757b;--color-neutral-500: #d8dadb;--color-neutral-400: oklch(from var(--color-neutral-500) calc(l + .05) c h);--color-neutral-300: #EBEEF1;--color-neutral-100: #F3F5F7;--color-neutral-0: #fff;--glowing-fill: rgb(255, 232, 99);--silver-fill: rgb(203, 202, 202);--body-font-family: "Inter", sans-serif;--header-font-family: "Space Grotesk", sans-serif;--base-font-size: 1rem;--timeline-node-badge-size: 24px}@media (min-width: 1100px){:root{--timeline-node-badge-size: 32px}}@media (max-width: 1100px){.desktop-only{display:none!important}}@media (min-width: 1100px){.mobile-only{display:none!important}}app-vertical-scroller .arrow-container .arrow mat-icon svg path{fill:#dfdfdf}@media (min-width: 1024px) and (orientation: portrait){app-vertical-scroller .arrow-container .arrow mat-icon svg path{fill:light-dark(#191919,#dfdfdf)}}app-vertical-scroller .item-container mat-icon svg path,app-vertical-scroller .item-container mat-icon svg circle,app-vertical-scroller .item-container mat-icon svg polyline,app-vertical-scroller .item-container mat-icon svg line{stroke:#dfdfdf}app-project .content mat-icon svg path,app-project .content mat-icon svg circle,app-project .content mat-icon svg polyline,app-project .content mat-icon svg line{stroke:light-dark(#191919,#dfdfdf)}app-skill-dialog .header.expert mat-icon svg path,app-skill-dialog .header.adept mat-icon svg path{fill:#191919}app-skill-dialog .header mat-icon svg path{fill:light-dark(#191919,#dfdfdf)}app-project-basic-info .basic-info mat-icon svg path{fill:light-dark(#191919,#dfdfdf)}app-header-menu mat-icon[svgicon=hamburger_menu] svg path,app-first-visit-dialog mat-icon svg path{fill:light-dark(#191919,#dfdfdf)}app-first-visit-dialog mat-dialog-content.mat-mdc-dialog-content.mdc-dialog__content{padding:0 2rem;background-color:light-dark(rgba(0,0,0,.05),rgba(255,255,255,.05))}app-first-visit-dialog mat-dialog-actions.mat-mdc-dialog-actions.mdc-dialog__actions{width:100%;padding:.25rem;display:flex;justify-content:center;align-items:center;border-top:2px solid var(--color-neutral-700)}.mat-mdc-menu-panel{background:light-dark(#dfdfdf,#191919)!important;color:light-dark(#191919,#dfdfdf)!important;border-radius:10px!important;box-shadow:0 2px 10px #0003!important;min-width:200px!important;border:2px solid var(--color-neutral-500)!important}.mat-mdc-menu-item{font-size:calc(var(--base-font-size) * 1.25)!important}.mat-mdc-menu-item:not(:last-child){border-bottom:1px solid var(--color-neutral-700)!important}.mat-mdc-menu-content button mat-icon.menu-icon{color:light-dark(#191919,#dfdfdf)}.cdk-overlay-pane.mat-mdc-dialog-panel.dialog-slide-up{animation:slide-up .25s ease;bottom:0;max-width:100dvw;position:absolute!important}.cdk-overlay-pane.mat-mdc-dialog-panel.dialog-slide-up.dialog-slide-down{animation:slide-down .25s ease forwards}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}app-timeline .timeline-node .badge-icon mat-icon{height:var(--timeline-node-badge-size);width:var(--timeline-node-badge-size);background-color:#dfdfdf}app-timeline .timeline-node .badge-icon mat-icon svg path{fill:#191919}a,.description p span[app-skill],.app-link{color:var(--color-highlight-200);text-decoration:none;transition:color .3s;cursor:pointer}a:hover,.description p span[app-skill]:hover,.app-link:hover{text-decoration:underline;color:var(--color-highlight-100)}.header-font,.header-font--regular,.header-font--bold,.header-font--italic,.header-font--bold-italic{font-family:var(--header-font-family);font-weight:400;font-style:normal}.header-font--bold,.header-font--regular--bold,.header-font--bold--bold,.header-font--italic--bold,.header-font--bold-italic--bold{font-weight:700}.header-font--italic,.header-font--regular--italic,.header-font--bold--italic,.header-font--italic--italic,.header-font--bold-italic--italic{font-style:italic}.header-font--bold-italic,.header-font--regular--bold-italic,.header-font--bold--bold-italic,.header-font--italic--bold-italic,.header-font--bold-italic--bold-italic{font-weight:700;font-style:italic}app-project .description p{text-align:justify}mat-icon.gold{filter:drop-shadow(0 0 2px gold)}mat-icon.gold svg path{fill:var(--glowing-fill)}@media (prefers-color-scheme: light){mat-icon.gold svg path{stroke:#000;stroke-width:10}}mat-icon.silver{filter:drop-shadow(0 0 2px silver)}mat-icon.silver svg path{fill:var(--silver-fill)}@media (prefers-color-scheme: light){mat-icon.silver svg path{stroke:#000;stroke-width:10}}html,body{height:100%;min-height:100dvh;overflow:hidden;letter-spacing:1px}body{background:linear-gradient(to top,light-dark(#dfdfdf,#191919) 70%,light-dark(oklch(from #dfdfdf calc(l - .075) c h),oklch(from #191919 calc(l + .05) c h)));color:light-dark(var(--color-primary-dark),var(--color-primary-light));margin:0;width:100dvw;font-family:var(--body-font-family);font-size:var(--base-font-size)}