@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Barlow&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--primary: #122c3d;--secondary: #f66c0f;--background: #efefef;--sky: #60a9fc;--text-color: #242424;--secondary-background: #dadada;--very-light-gray: #dfdfdf;--sun: #ebdb52;--stack-background: #fffef9;--stack-text: #122c3d;--stack-muted: #455a66;--stack-rule: rgba(18, 44, 61, .18);--stack-accent: #a8460a;--projects-section-background: #f7f9fb}.dark{--primary: #ffffff;--secondary: #ff9800;--background: #122c3d;--sky: var(--secondary);--text-color: #f5f5f5;--secondary-background: #151f28;--stack-background: #0a1720;--stack-text: #e6edf3;--stack-muted: #829aab;--stack-rule: rgba(230, 237, 243, .1);--stack-accent: var(--secondary)}.toggle-switch{--moon: var(--very-light-gray);--width: 54px;position:relative;width:var(--width);z-index:10;padding:0;margin:0;box-sizing:border-box}.toggle-switch-container{position:fixed;top:10px;right:20px;z-index:3}.toggle-switch-label{position:absolute;width:100%;height:30px;background-color:var(--sky);border-radius:20px;cursor:pointer;display:flex;align-items:end}.toggle-switch-input{position:absolute;display:none}.toggle-switch-input:checked~.toggle-switch-slider{background-color:var(--light-bg)}.toggle-switch-input:checked~.toggle-switch-slider:before{transform:translate(calc(var(--width) / 2.3));background-color:var(--sun);box-shadow:none}.toggle-switch-slider{position:absolute;width:100%;height:100%;border-radius:50px;transition:.3s}.toggle-switch-slider:before{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;box-shadow:inset 8px -4px 0 0 var(--moon);background-color:var(--secondary);transition:.3s}.toggle-switch-caption{font-size:10px;color:var(--text-color);width:var(--width);margin-bottom:-14px;text-align:center}:root{--stack-rail-x: 190px;--stack-rail-gap: 30px;--stack-tick-length: var(--stack-rail-gap);--stack-endpoint-gap: 5px;--stack-endpoint-line-height: 24px;--stack-rail-inset: calc(var(--stack-endpoint-line-height) / 2);--stack-tick-size: 16px;--stack-endpoint-cap: 12px;--stack-node-size: 9px;--stack-node-top: 3.1rem;--stack-layer-padding-y: 2.5rem;--stack-label-column-width: 250px;--stack-layer-hover-scale: 1.1}@media only screen and (max-width: 768px){:root{--stack-rail-x: 8px;--stack-rail-gap: 26px;--stack-rail-inset: calc(var(--stack-endpoint-line-height) + var(--stack-endpoint-cap));--stack-node-top: 2.2rem;--stack-layer-padding-y: 1.75rem}}.tech-stack-section{padding:10vh;background-color:var(--stack-background);color:var(--stack-text);transition:background-color .5s}@media only screen and (max-width: 768px){.tech-stack-section{padding:8vh 5vw}}.tech-stack-container{max-width:var(--content-width);margin:0 auto}.tech-stack-diagram{position:relative}.tech-stack-diagram:before{content:"";position:absolute;top:var(--stack-rail-inset);bottom:var(--stack-rail-inset);left:var(--stack-rail-x);width:1px;background-color:var(--stack-rule)}.tech-stack-endpoint{position:relative;box-sizing:border-box;width:var(--stack-rail-x);margin:0;padding-right:var(--stack-endpoint-gap);text-align:right;white-space:nowrap;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:500;line-height:var(--stack-endpoint-line-height);letter-spacing:.12em;color:var(--stack-text)}.tech-stack-endpoint:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);width:var(--stack-tick-length);height:1px;background-color:var(--stack-rule)}@media only screen and (max-width: 768px){.tech-stack-endpoint{width:auto;padding-right:0;text-align:left;font-size:.85rem}.tech-stack-endpoint:after{left:var(--stack-rail-x);top:auto;width:var(--stack-tick-size);transform:translate(-50%)}.tech-stack-endpoint:first-child{padding-bottom:var(--stack-endpoint-cap)}.tech-stack-endpoint:first-child:after{bottom:0}.tech-stack-endpoint:last-child{padding-top:var(--stack-endpoint-cap)}.tech-stack-endpoint:last-child:after{top:0}}.tech-stack-layers{list-style:none;margin:0;padding:0}.tech-stack-layer{position:relative;padding:var(--stack-layer-padding-y) 0 var(--stack-layer-padding-y) calc(var(--stack-rail-x) + var(--stack-rail-gap))}.tech-stack-layer:after{content:"";position:absolute;top:var(--stack-node-top);left:var(--stack-rail-x);width:var(--stack-node-size);height:var(--stack-node-size);border:1px solid var(--stack-muted);border-radius:50%;background-color:var(--stack-background);transform:translate(-50%);transition:background-color .3s,border-color .3s}.tech-stack-layer:hover:after{background-color:var(--stack-accent);border-color:var(--stack-accent)}.tech-stack-layer:hover .tech-stack-layer-title{color:var(--stack-accent)}@media (hover: hover){.tech-stack-layer:hover .tech-stack-layer-content{transform:scale(var(--stack-layer-hover-scale))}}.tech-stack-layer-content{transform-origin:left center;transition:transform .3s}.tech-stack-layer-title{margin:0 0 1.5rem;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:color .3s}@media only screen and (max-width: 768px){.tech-stack-layer-title{font-size:1.15rem;margin-bottom:1rem}}.tech-stack-groups{display:grid;grid-template-columns:var(--stack-label-column-width) 1fr;margin:0}@media only screen and (max-width: 768px){.tech-stack-groups{grid-template-columns:1fr}}.tech-stack-group-label,.tech-stack-group-items{padding:.85rem 0;border-top:1px solid var(--stack-rule)}.tech-stack-group-label{font-family:IBM Plex Mono,monospace;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--stack-muted);display:flex;align-items:center}@media only screen and (max-width: 768px){.tech-stack-group-label{padding-bottom:0;line-height:1.6}}.tech-stack-group-items{margin-inline-start:0}@media only screen and (max-width: 768px){.tech-stack-group-items{padding-top:.35rem;border-top:0}}.tech-stack-items{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.tech-stack-item{line-height:1.6}.tech-stack-item:not(:last-child):after{content:"·";padding:0 .6rem;color:var(--stack-muted)}@media (prefers-reduced-motion: reduce){.tech-stack-section,.tech-stack-layer:after,.tech-stack-layer-title,.tech-stack-layer-content{transition:none}.tech-stack-layer:hover .tech-stack-layer-content{transform:none}}body{font-family:Barlow,sans-serif;font-size:18px;margin:0;--content-width: 1024px;--project-thumbnail-ratio: 500 / 360}.section-title{color:var(--secondary);font-size:4.5rem;font-family:Montserrat,sans-serif;max-width:var(--content-width);margin:0 auto 4rem}@media only screen and (max-width: 768px){.section-title{font-size:2.5rem;margin-bottom:2.5rem}}.hero{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--background);color:var(--primary);transition:.5s}.hero-content{z-index:2}@media only screen and (max-width: 768px){.hero-content{text-align:center}}.hero-title{font-size:3rem;font-weight:400;margin-bottom:1rem;font-family:Montserrat,sans-serif}.hero-emphasized{font-size:4rem;font-weight:600;color:var(--secondary)}.hero-subtitle{font-size:3rem;font-weight:400;font-family:Montserrat,sans-serif}.hero-social{margin-top:40px;display:flex;font-size:1.5rem;font-family:Roboto Slab,serif}.hero-social a{transition-duration:.3s;will-change:font-size,font-weight;line-height:1}.hero-social a:hover{font-size:1.8rem;font-weight:700}@media only screen and (max-width: 768px){.hero-social{justify-content:center}}.hero-social>*:not(:first-child){margin-inline-start:10px}.hero-social a,.hero-social a:visited{color:var(--primary);text-decoration:none;transition:.3s}.hero-separator{font-size:32px;text-box:trim-both cap alphabetic}.social-logo{width:24px;height:auto}.projects-section{padding:10vh;background-color:var(--projects-section-background)}@media only screen and (max-width: 768px){.projects-section{padding:3vh}}.projects-container{max-width:var(--content-width);margin:0 auto}.dark .projects-section{background-color:var(--secondary-background)}.project{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:80px;color:var(--text-color)}@media only screen and (max-width: 768px){.project{flex-direction:column;align-items:stretch}}.project-column{flex:1;max-width:500px}@media only screen and (max-width: 768px){.project-column{max-width:100%}}.project-column:not(:last-child){margin-right:30px}@media only screen and (max-width: 768px){.project-column:not(:last-child){margin-right:0}}.project-details{display:flex;flex-direction:column}.project-title,.project-stack,.project-description{margin-bottom:1rem}.project-title{margin-top:0;margin-bottom:1.5rem;font-size:1.8rem}@media only screen and (max-width: 768px){.project-title{margin-top:1.5rem}}.project-stack{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.project-stack-item{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-right:20px}.project-stack-item-type{font-weight:700;margin-right:5px}.project-links{display:flex;flex-direction:row;justify-content:flex-start}.project-links a{color:#164bf7;font-weight:700}.project-links>*:not(:last-child){margin-right:8px}.project-image-overlay{opacity:0;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;background-color:#0000008c;transition-duration:.4s;color:#fff;text-decoration:none}.project-image-overlay span{font-size:1.2rem;transition-duration:.3s}.project-image-overlay:hover span{font-size:1.4rem}.project-image{position:relative;cursor:pointer}.project-image:hover .project-image-overlay{opacity:1}.project-thumbnail{display:block;width:100%;aspect-ratio:var(--project-thumbnail-ratio);object-fit:contain;object-position:center;box-shadow:0 0 6px 1px #0000004a}.footer{display:flex;justify-content:center;align-items:center;background-color:var(--projects-section-background);font-size:6px}.footer-content{max-width:var(--content-width);padding:10px}