:root{--bg:#fff;--fg:#000;--muted-link:underline}@media (prefers-color-scheme:dark){:root{--bg:#000;--fg:#fff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:Inter var,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:300;line-height:1.75}a{color:inherit}.container{max-width:80rem;margin:0 auto;padding:2.5rem 1.5rem}.layout{flex-direction:column;display:flex}.bio{padding-bottom:2.5rem}.bio p{margin:0;padding-bottom:1.5rem}.logo{height:4rem;fill:var(--fg);padding-bottom:1.5rem}.projects{flex-direction:column;flex:1;gap:2rem;display:flex}.project{color:#fff;border-radius:1rem;height:18rem;padding:1.5rem;text-decoration:none;transition:box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.project:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.project img{width:100%;height:auto;margin-top:.5rem;display:block}.project .type{margin:0;font-size:.875rem}.project h2{margin:.25rem 0;font-size:1.875rem;font-weight:600}.project .description{margin:0;padding:.5rem 0}.project-gray{background:#6b7280}.project-gray .type,.project-gray .description{color:#e5e7eb}.project-teal{background:#14b8a6}.project-teal .type,.project-teal .description{color:#99f6e4}.project-slate{background:#64748b}.project-slate .type,.project-slate .description{color:#e2e8f0}.project-orange{background:#f97316}.project-orange .type,.project-orange .description{color:#fed7aa}@media (width>=768px){.layout{flex-direction:row;gap:5rem;padding:2.5rem 0}.bio{align-self:flex-start;width:40%;padding-bottom:0;position:sticky;top:5rem}.project{height:24rem}}