@import "https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Caveat:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=Patrick+Hand&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";@font-face{font-family:Myfonttad;src:url(/fonts/Myfonttad-Regular.ttf)format("truetype"),url(/fonts/Myfonttad-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--paper:#f6f3ec;--paper-dark:#ece7dd;--paper-card:#faf8f3;--paper-lines:#e2ddd2;--ink:#181824;--ink-mid:#2c2c3e;--ink-light:#52526a;--ink-faint:#8e8ea0;--barca-blue:#004d9f;--barca-red:#a50044;--marker-yellow:#f3c649;--marker-pink:#e85d75;--marker-green:#2e8b57;--marker-blue:#2563eb;--sketch-radius-1:255px 15px 225px 15px / 15px 225px 15px 255px;--sketch-radius-2:20px 255px 20px 255px / 255px 20px 255px 20px;--sketch-radius-3:15px 225px 255px 15px / 225px 15px 255px 15px;--ink-shadow:3px 4px 0px 0px #181824, 1px 1px 3px 0px #18182433;--ink-shadow-sm:2px 2.5px 0px 0px #181824;--ink-shadow-lg:5px 6px 0px 0px #181824, 2px 3px 8px 1px #18182440;--font-body:"Space Grotesk", sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-hand:"Architects Daughter", "Caveat", cursive;--font-hand-alt:"Patrick Hand", "Caveat", cursive;--font-mono:"Space Mono", monospace;--font-myhand:"Myfonttad", "Architects Daughter", cursive}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--paper);overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:999;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}#root{min-height:100vh}.font-hand{font-family:var(--font-hand)}.font-hand-alt{font-family:var(--font-hand-alt)}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}.font-body{font-family:var(--font-body)}.font-myhand{font-family:var(--font-myhand)}.sketch-box{border:2px solid var(--ink);border-radius:var(--sketch-radius-1);box-shadow:var(--ink-shadow);background:var(--paper-card);transition:transform .18s,box-shadow .18s}.sketch-box-alt{border:2.2px solid var(--ink);border-radius:var(--sketch-radius-2);box-shadow:var(--ink-shadow);background:var(--paper-card);transition:transform .18s,box-shadow .18s}.sketch-box:hover,.sketch-box-alt:hover{box-shadow:var(--ink-shadow-lg);transform:translate(-2px,-2px)rotate(-.3deg)}.sketch-border-bottom{border-bottom:2px solid var(--ink);filter:url(#rough-edge)}.sketch-border-right{border-right:2px solid var(--ink);filter:url(#rough-edge)}.sketch-border-all{border:2px solid var(--ink);filter:url(#rough-edge)}.btn-sketch{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--paper-card);border:2px solid var(--ink);border-radius:var(--sketch-radius-1);box-shadow:var(--ink-shadow-sm);cursor:pointer;align-items:center;gap:8px;padding:10px 22px;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;position:relative}.btn-sketch:hover{box-shadow:var(--ink-shadow);background:var(--marker-yellow);transform:translate(-2px,-2px)rotate(-1deg)}.btn-sketch-filled{background:var(--ink);color:var(--paper);border-radius:var(--sketch-radius-2)}.btn-sketch-filled:hover{background:var(--ink-mid);color:var(--marker-yellow);transform:translate(-2px,-2px)rotate(1deg)}.masking-tape{z-index:10;pointer-events:none;background:#f4ebd4d9;border:1px solid #d2c3aa99;width:70px;height:24px;position:absolute;box-shadow:0 1px 3px #00000014}.tape-top-left{top:-10px;left:15px;transform:rotate(-6deg)}.tape-top-right{top:-10px;right:15px;transform:rotate(5deg)}.notebook-lines{background-color:var(--paper);background-image:repeating-linear-gradient(to bottom, transparent, transparent 27px, var(--paper-lines) 27px, var(--paper-lines) 28px);background-size:100% 28px}.dot-bg{background-image:radial-gradient(circle,#18182433 1.2px,#0000 1.2px);background-size:18px 18px}.nav-sidebar{border-right:2px solid var(--ink);background:var(--paper);z-index:100;flex-direction:column;width:220px;height:100vh;padding:24px 18px;display:flex;position:fixed;top:0;left:0}@media (width<=1024px){.nav-sidebar{display:none}}.main-content{margin-left:220px}@media (width<=1024px){.main-content{margin-left:0}}.mobile-nav{z-index:100;background:var(--paper);border-bottom:2px solid var(--ink);flex-direction:row;justify-content:space-between;align-items:center;padding:12px 20px;display:none;position:fixed;top:0;left:0;right:0}@media (width<=1024px){.mobile-nav{display:flex}.page-top-pad{padding-top:60px}}.tech-tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-mid);border:1.5px solid var(--ink);border-radius:var(--sketch-radius-1);text-transform:uppercase;background:var(--paper-card);padding:3px 9px;font-size:.68rem;display:inline-block}.marker-highlight-yellow{background:linear-gradient(100deg,#f3c649cc 0%,#f3c64999 100%);border-radius:4px 12px 3px 10px;padding:2px 6px}.marker-highlight-blue{background:linear-gradient(100deg,#2563eb26 0%,#2563eb40 100%);border-radius:6px 3px 12px 4px;padding:2px 6px}.marker-underline-blue{background-image:linear-gradient(to right, var(--barca-blue), var(--barca-blue));background-position:0 95%;background-repeat:no-repeat;background-size:100% 3px}@media (width<=900px){#home>div>div:first-child{padding-right:0}#work [style*=gridTemplateColumns]{grid-template-columns:1fr!important}#github .sketch-box-alt{padding:20px 16px!important}#github [style*="auto-fit, minmax(140px"],#things-i-like [style*=auto-fit]{grid-template-columns:repeat(2,1fr)!important}footer [style*=gridTemplateColumns]{grid-template-columns:1fr!important}}@media (width<=600px){section{padding:40px 16px 50px!important}.visitor-drawing-note{grid-column:1/-1!important;align-self:center!important;width:95px!important;margin:8px auto 0!important;padding:4px 4px 16px!important;display:block!important;position:relative!important;inset:auto!important}.visitor-drawing-note .masking-tape{display:block!important}#home{flex-direction:column!important;justify-content:center!important;min-height:calc(100vh - 56px)!important;padding:16px 14px 20px!important;display:flex!important}#home>div{grid-template-columns:1fr!important;gap:12px!important}#home>div>div:first-child{gap:12px!important}#home h1{font-size:clamp(1.7rem,7.5vw,2.3rem)!important}#home p{font-size:.86rem!important;line-height:1.4!important}#home [style*="letterSpacing: '0.1em'"]{gap:3px 6px!important;padding-top:2px!important;padding-bottom:2px!important;font-size:.6rem!important}#home .btn-sketch,#home .btn-sketch-filled{padding:6px 12px!important;font-size:.72rem!important}#home>div>div:nth-child(2){width:100%!important;max-width:210px!important;margin:4px auto 0!important;display:block!important}#home>div>div:nth-child(2) .sketch-box{padding:8px!important}#home>div>div:nth-child(2) [class*=font-hand]{font-size:.72rem!important}#work{padding:40px 16px 50px!important}#work>div>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}#work [style*="320px"]{grid-template-columns:1fr!important}#github{padding:32px 16px!important}#github .sketch-box-alt{padding:16px 12px!important}#github [style*="auto-fit, minmax(140px"]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}#github svg{min-width:700px!important}#things-i-like{padding:40px 16px 50px!important}#things-i-like>div>div:last-child{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}#currently>div{-webkit-overflow-scrolling:touch;padding-bottom:8px!important;overflow-x:auto!important}#doodles{padding:40px 0 50px!important}#contact{padding:40px 16px 50px!important}#home .btn-sketch,#home .btn-sketch-filled{flex:1;justify-content:center}.sketch-box,.sketch-box-alt{box-shadow:var(--ink-shadow-sm)!important}[style*="justifyContent: 'space-between'"]{flex-wrap:wrap!important;gap:8px!important}.masking-tape{display:none}.mobile-nav{min-height:56px;padding:14px 16px!important}.page-top-pad{padding-top:56px!important}}@media (width<=380px){#home h1{font-size:1.8rem!important}#things-i-like>div>div:last-child{grid-template-columns:1fr!important}#github [style*="auto-fit, minmax(140px"]{grid-template-columns:1fr 1fr!important}}