@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=UnifrakturCook:wght@700&family=UnifrakturMaguntia&display=swap";:root{--color-dark: #333;--color-bg: #F5F5F5;--color-accent: blue;--bp-desktop: 950px;--bp-tablet: 640px;--bp-mobile: 440px;--gap-lg: 2rem;--gap-md: 1rem;--padding-container: 8px;--margin-section-bottom: 4rem;--margin-section-top: 8em;--border-width-thick: 12px;--border-width-thin: 2px;--font-h1-desktop: 200px;--font-h1-tablet: 100px;--font-h1-mobile: 60px;--font-big: 10rem;--font-card: 28px;--hero-image-width: 440px;--hero-image-width-mobile: 220px;--hero-h1-flex-basis: 320px;--container-max-width: 1600px;--card-max-width: 600px;--card-padding: 18px 24px}@font-face{font-family:HelveticaOutline;src:url(../fonts/helvetica-outline.otf) format("opentype");font-display:swap}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:Roboto Mono,monospace;line-height:1.5;scroll-behavior:smooth;color:var(--color-dark);background-color:var(--color-bg)}a{color:var(--color-dark);font-weight:700}h1,h2,h3,.hero-image{transition:font-size .3s ease,width .3s ease,transform .3s ease;line-height:normal}h1{margin:0;font-size:var(--font-h1-desktop);font-weight:700;text-transform:uppercase;text-align:right}h3{font-size:3rem;font-weight:700}.helvetica-outline{font-family:HelveticaOutline,sans-serif}.orange{color:var(--color-accent)}.big{font-size:var(--font-big);text-align:center}#container{max-width:var(--container-max-width);margin:0 auto;padding:var(--padding-container)}#container .section{position:relative;margin-bottom:var(--margin-section-bottom)}.hero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--gap-lg)}.hero h1{flex:1 1 var(--hero-h1-flex-basis)}.hero-image{width:min(var(--hero-image-width),100%);height:auto}.flex-container{display:flex;flex-wrap:wrap;gap:var(--gap-md);align-items:stretch}.flex-container .flex-item{flex:0 0 calc(50% - (var(--gap-md) / 2));position:relative}.dot-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;color:var(--color-dark)}.dot-canvas[aria-hidden=true]{pointer-events:none}.card{width:100%;max-width:var(--card-max-width);padding:var(--card-padding);font-size:var(--font-card);border:var(--border-width-thin) solid var(--color-dark);border-left-width:var(--border-width-thick);border-bottom-width:var(--border-width-thick)}.card p{margin:0}.card.selected-project{font-size:inherit;width:100%;max-width:none;margin-bottom:18px;padding-top:0}.card.selected-project p{margin-bottom:1rem}.card.selected-project h4 span{font-weight:400}.centered{display:flex;flex-direction:column;align-items:center}.margin-top{margin-top:var(--margin-section-top)}.margin-top.less{margin-top:calc(var(--margin-section-top) / 2)}.linkish{display:inline-block;cursor:pointer}.down-arrow{width:80px;height:auto}.tilt{display:inline-block;transform:rotate(-26deg)}.tilt.forward{transform:rotate(26deg)}.tilt-wrapper{white-space:nowrap}#things-that-i-do{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap-md)}#things-that-i-do img{flex:1 1 calc(50% - var(--gap-md));width:100%;max-width:calc(50% - var(--gap-md));height:auto;object-fit:contain}#git{width:100%;max-width:800px}@media(max-width:950px){.hero h1,.big{font-size:var(--font-h1-tablet)}.flex-container .flex-item{flex:0 0 100%;flex-basis:100%;max-width:100%}.show-only-desktop{display:none}body.reader-view{margin-bottom:4rem!important}}@media(max-width:640px){.hero-image{width:min(var(--hero-image-width-mobile),100%);margin:0 auto}.hero h1{text-align:right}h2.big{margin:0}#things-that-i-do img{flex-basis:100%;max-width:100%}.margin-top{margin-top:calc(var(--margin-section-top) / 2)}}@media(max-width:440px){.hero h1,.big{font-size:var(--font-h1-mobile)}}body.reader-view{margin:2rem 0}body.reader-view img{display:none}body.reader-view h1,body.reader-view h2,body.reader-view h3,body.reader-view .helvetica-outline{font-family:Roboto Mono,monospace!important;text-align:left;text-transform:uppercase}body.reader-view #container{width:100%;max-width:600px;margin:0 auto}body.reader-view .card{padding:0;border:none!important}body.reader-view .hero{margin-bottom:2rem}body.reader-view .margin-top{margin-top:1rem}body.reader-view .no-reader-view{display:none}body.reader-view .tilt,body.reader-view .tilt.forward{transform:none}body.reader-view .flex-item{flex:0 0 100%}body.reader-view div.section{display:inline-block;margin:0 auto!important}body.reader-view h1{font-size:2.5rem}body.reader-view h2{margin-bottom:1rem;font-size:2rem}body.reader-view h3{margin-bottom:1rem;font-size:1.5rem}body.reader-view h4{margin:.5rem 0}body.reader-view p{font-size:1rem}body.dark-mode{background-color:var(--color-dark);color:#fff}body.dark-mode a{color:#fff}body.dark-mode #dark-mode-toggle{background-color:#fff;color:var(--color-dark)}body.dark-mode img.invert,body.dark-mode .dot-canvas{filter:brightness(0) invert(1)}body.dark-mode .card{border:var(--border-width-thin) solid white;border-left-width:var(--border-width-thick);border-bottom-width:var(--border-width-thick)}.ui-toggle{position:fixed;bottom:16px;font-family:inherit;font-size:16px;cursor:pointer;z-index:9999;border:none;height:42px;width:42px;border-radius:50%}#reader-toggle{left:16px;background:var(--color-accent);color:#fff}#dark-mode-toggle{left:68px;background-color:var(--color-dark);color:#fff}