:root{--color-rosewater: #f5e0dc;--color-flamingo: #f2cdcd;--color-pink: #f5c2e7;--color-mauve: #cba6f7;--color-red: #f38ba8;--color-maroon: #eba0ac;--color-peach: #fab387;--color-yellow: #f9e2af;--color-green: #a6e3a1;--color-teal: #94e2d5;--color-sky: #89dceb;--color-sapphire: #74c7ec;--color-blue: #89b4fa;--color-lavender: #b4befe;--color-text: #cdd6f4;--color-subtext1: #bac2de;--color-subtext0: #a6adc8;--color-overlay2: #9399b2;--color-overlay1: #7f849c;--color-overlay0: #6c7086;--color-surface2: #585b70;--color-surface1: #45475a;--color-surface0: #313244;--color-crust: rgb(7.1477272727, 7.1477272727, 11.3522727273);--color-base: rgb(13.8947368421, 13.8947368421, 21.3052631579);--color-mantle: #181825;--color-white: #cdd6f4}:root{--spacer-xsmall: 5px;--spacer-small: 10px;--spacer: 15px;--spacer-medium: 25px;--spacer-large: 50px;--spacer-xlarge: 100px;--padding: 4rem;--padding-element: var(--spacer);--padding-button: var(--spacer);--padding-card: var(--spacer);--spacing: .75rem;--vertical-spacer: var(--spacer);--gap: 24px;--gap-button: var(--spacer-small);--radius: 6px;--radius-small: 4px;--border-radius: var(--radius);--outline-width: 1px;--text-size: .925rem;--text-tiny: .8rem;--text-small: 1.05rem;--text-medium: 1.25rem;--text-large: 1.5rem;--icon-medium: 18px;--icon-large: 24px;--height-nav: 50px;--height-footer: 60px;--height-main: auto;--height-main-fixed: calc( 100vh - var(--height-footer) - var(--height-nav) - (var(--padding) * 2) - (var(--gap) * 2) );--spacing-list: var(--text-small);--nav-element-spacing-vertical: 15px;--nav-element-spacing-horizontal: .33rem;--nav-link-spacing-vertical: 15px;--block-spacing-vertical: calc(var(--spacing) * 2);--body-overscroll: 100px}@media(max-width:599px){:root{--padding: 1rem;--small: 13px;--medium: 16px}}:root{--font-family-sans: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-mono: "Berkeley Mono", consolas, "Liberation Mono", menlo, courier, monospace;--font-family: "Berkeley Mono", consolas, "Liberation Mono", menlo, courier, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--color-text: var(--color-overlay1);--color-text-secondary: var(--color-surface2);--color-text-accent: var(--color-blue);--color-text-muted: var(--color-surface1);--color-outline: var(--color-mantle);--color-icon: var(--color-surface0);--color-icon-hover: var(--color-surface2);--color-link: var(--color-overlay2);--color-link-secondary: var(--color-overlay0);--color-link-hover: var(--color-subtext1);--color-link-active: var(--color-subtext1);--primary-focus: var(--color-background-overlay);--card-background-color: none;--card-max: 50%;--card-min: 34%;--card-scale: 1.0075;--card-item-scale: 1.015;--color-background: var(--color-crust);--color-background-secondary: var(--color-base);--color-background-overlay: var(--color-mantle);--color-black: var(--color-crust);--color-grey: var(--color-overlay0);--color-light: var(--color-subtext1);--color-code-light-grey: var(--color-subtext0);--color-code-comment: var(--color-grey);--color-code-white: var(--color-light);--color: var(--color-text);--h1-color: var(--color-text);--h2-color: var(--color-text);--h3-color: var(--color-text);--h4-color: var(--color-text);--h5-color: var(--color-text);--h6-color: var(--color-text);--muted-color: var(--color-text-muted);--muted-border-color: var(--color-outline);--mark-background-color: var(--color-sapphire);--mark-color: var(--color-black);--plyr-progress-loading-background: var(--color-mauve);--plyr-color-main: var(--color-green);--progress-background-color: rgb(0 0 0 / 25%);--progress-color: rgb(255 255 255 / 25%)}:root{--text-small: 14px;--text-medium: 14px;--text-tiny: 12px;--white: #fff;--black: #000;--green: #a6e3a1;--primary: var(--white);--bg: var(--black);--color-text: var(--primary);--color-text-muted: var(--primary);--color-link: var(--primary);--color-link-secondary: var(--primary);--color-text-secondary: var(--primary);--color-grey: var(--primary);--color-outline: var(--primary);--color-background: var(--bg);--color-background-secondary: var(--bg);--theme: var(--primary)}*{transition:0s}a:active,a:focus{background:none}body{gap:24px;max-width:960px;margin:0 auto}body>header{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;height:auto}body>header>nav>ul.logo,body>header>nav>ul>li{padding-left:0;margin-left:0;white-space:nowrap}body>header>nav>.menu{gap:24px}body>header>nav>.menu>li.last-update{font-size:var(--text-small);font-style:italic}body>header>nav>.menu>li a{white-space:nowrap}body>header>nav>.menu>li:hover>a{--secondary: var(--bg);color:var(--secondary)!important;background:var(--primary)!important}body>header>nav{padding:0;display:flex;flex-wrap:wrap}body>header>nav>ul.logo>li>a.logo{transition:none;padding:0;filter:blur(0)}body>header>nav>ul.logo>li>a.logo:hover,body>header>nav>ul.logo>li>a.logo:active{transition:none;filter:blur(0)}@media(max-width:599px){body>header>nav{flex-flow:row wrap}body>header>nav .menu{align-items:flex-start;justify-content:flex-end;display:flex;gap:16px}body>header>nav>ul{flex-shrink:0}body>header>nav>ul.logo{flex-shrink:0;flex-wrap:nowrap;display:inline-block}}@media(max-width:599px){body>header{width:100%;flex-direction:row}}body>main{flex-wrap:wrap;gap:24px}body>main>section{gap:24px;padding:0}body>main>section#intro{width:100%;gap:12px;display:flex}body>main>section#intro p{margin-bottom:0}body>main>section>section>figure{padding:24px;gap:18px;display:flex;flex-direction:column;margin-bottom:0}body>main>section>section>figure>section{margin-bottom:0}body>main>section>section>figure>section.description{width:calc(100% + 12px);margin-left:-6px;display:flex;flex-direction:row;align-items:center;gap:16px;padding-left:2px}body>main>section>section>figure>section.description>p{margin-bottom:0;flex-grow:0;width:100%}body>main>section>section>figure>section.description>p>a{text-decoration:underline}body>main>section>section>figure>section.description img{width:75px;height:auto;aspect-ratio:1/1;flex-grow:0;flex-shrink:0;border-radius:4px;outline:.5px solid var(--primary)}body>main>section>section>figure>section>ul{display:flex;flex-direction:column;margin-bottom:0}body>main>section>section>figure>section>ul>li{list-style-type:none}body>main>section>section>figure>section>ul>li>p{margin-bottom:0}body>main>section>section>figure>section>ul>li>p>a{text-decoration:underline}body>main>section>section>figure>section.titles{padding:0 8px}body>main>section>section>figure>section.titles>ul{gap:16px;flex-direction:row}body>main>section>section>figure>section.titles>ul>li{margin-bottom:0}body>main>section>section>figure>section.titles>ul>li>p{white-space:wrap}body>main>section>section>figure>section.projects>ul{margin-bottom:0}body>main>section>section>figure>section.projects>ul>li{list-style-type:disc;margin-bottom:8px;margin-left:4px;padding-left:4px}body>main>section>section>figure>section.projects>ul>li:last-child{margin-bottom:0}body>main>section>section{margin-bottom:0;margin-top:0}body>main>section>section.has-tab{margin-top:24px}body>main>section{width:58.3333333333%;display:flex;margin-bottom:0}@media(max-width:599px){body>main>section{width:100%;gap:12px}}body>main>aside{top:24px;min-width:224px;flex-grow:1}body>main>aside>section#contact{--theme: var(--primary)}body>main>aside>section#contact>figure>ul>li>a{justify-content:flex-start;display:flex;gap:8px;align-items:center}body>main>aside>section#contact>figure>ul>li>a:hover{color:var(--bg)}body>main>aside>section#skillset{padding-bottom:24px}body>main>aside>section#skillset>figure>ul{gap:12px}body>main>aside>section#skillset>figure>ul>li{font-size:var(--text-small);display:flex;gap:4px;flex-direction:column}body>main>aside>section#skillset>figure>ul>li>ul{margin:0}body>main>aside>section#skillset>figure>ul>li>ul>li{border-radius:var(--radius);border:1px solid var(--color-outline);padding:4px;box-sizing:border-box;font-size:var(--text-small);align-items:center;text-align:center;min-width:64px}body>main>aside>section#portrait{padding:0;overflow:hidden}@media(max-width:599px){body>main>aside{width:100%}}@media(max-width:599px){body>main{gap:36px}}body>footer{outline:none;padding:0;background:none}body>footer>nav>ul{display:flex;width:100%;justify-content:space-between;gap:12px}body>footer>nav>ul>li:not(.icon){width:100%;flex-grow:2;text-align:center}body>footer>nav>ul>li:first-child{text-transform:capitalize}body>footer>nav>ul>li:last-child{font-style:italic}body>footer>nav>ul>li:first-child a:hover{font-style:italic;color:var(--primary)}body>footer>nav>ul>li.icon{height:auto;width:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:12px;cursor:pointer}body>footer>nav>ul>li.icon:before{display:none}body>footer>nav>ul>li>i{font-size:24px;margin-right:0}body>footer:before{display:none}@media(max-width:599px){body{padding:2rem}}:root[data-theme=dark]{--primary: var(--white);--bg: var(--black)}:root[data-theme=dark] [data-theme]:not([data-theme=dark]){display:none}:root[data-theme=light]{--primary: var(--black);--bg: var(--white)}:root[data-theme=light] [data-theme]:not([data-theme=light]){display:none}:root[data-theme=light] body>main>section>section>figure>section.description .images img{outline:1px var(--bg) solid;filter:invert(1)}:root[data-theme=alien]{--primary: var(--green);--bg: var(--black)}:root[data-theme=alien] [data-theme]:not([data-theme=alien]){display:none}:root[data-theme=alien] .description .images{position:relative;width:auto;height:auto}:root[data-theme=alien] .description .images:after{content:"";width:100%;height:100%;background:var(--primary);top:0;left:0;position:absolute;border-radius:4px;mix-blend-mode:multiply}:root[data-theme=alien] #portrait,:root[data-theme=alien] #images{position:relative}:root[data-theme=alien] #portrait:after,:root[data-theme=alien] #images:after{content:"";width:100%;height:100%;background:var(--primary);z-index:9999;position:absolute;top:0;left:0;mix-blend-mode:color}:root[data-theme=alien] #portrait img,:root[data-theme=alien] #images img{position:relative}