@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;font-family:JetBrains Mono,ui-monospace,Menlo,monospace}.portfolio-root{text-transform:uppercase;-webkit-font-smoothing:antialiased;min-height:100vh;padding:32px 32px 32px 120px;font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:22px;font-weight:400;line-height:1.25;transition:background-color .6s cubic-bezier(.4,0,.2,1),color .6s cubic-bezier(.4,0,.2,1)}.portfolio-root.dark{color:#fff;background-color:#000}.portfolio-root.light{color:#000;background-color:#fff}.container{width:100%;max-width:860px;padding-top:64px}.portfolio-root a{color:#58a6ff;font-weight:700;text-decoration:underline;transition:color .6s cubic-bezier(.4,0,.2,1),opacity .15s}.portfolio-root.light a{color:#00e}.portfolio-root a:hover{opacity:.8}.section{margin-bottom:24px}.portfolio-root h1{letter-spacing:-.02em;margin-bottom:12px;font-size:22px;font-weight:700}.bio-p{margin-bottom:12px}.portfolio-root h2{text-underline-offset:4px;margin-bottom:12px;font-size:22px;font-weight:500;text-decoration:underline}.portfolio-root ul{margin:0;padding:0;list-style:none}.portfolio-root li{margin-bottom:12px;line-height:1.25}.portfolio-root li strong{font-weight:700}.notable-p{margin-bottom:12px}.theme-btn{text-transform:uppercase;cursor:pointer;background:0 0;border:none;margin-top:24px;padding:0;font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:22px;font-weight:400;transition:color .6s cubic-bezier(.4,0,.2,1),transform .2s;display:block}.theme-btn:hover{transform:translate(2px)}.portfolio-root.dark .theme-btn{color:#fff}.portfolio-root.light .theme-btn{color:#000}.theme-wipe{pointer-events:none;z-index:9999;opacity:0;background:radial-gradient(circle at var(--wx,50%) var(--wy,50%), var(--wipe-color,#fff) 0%, var(--wipe-color,#fff) 40%, transparent 70%);position:fixed;inset:0}.theme-wipe.active{animation:.7s cubic-bezier(.4,0,.2,1) forwards wipe}@keyframes wipe{0%{opacity:0;transform:scale(.2)}40%{opacity:.35}to{opacity:0;transform:scale(2.5)}}@media (max-width:600px){.portfolio-root{justify-content:flex-start;padding:20px;font-size:14px}.container{padding-top:40px}.portfolio-root h1,.portfolio-root h2,.theme-btn{font-size:14px}}@media (max-width:380px){.portfolio-root{padding:16px;font-size:12px}.container{padding-top:32px}.portfolio-root h1,.portfolio-root h2,.theme-btn{font-size:12px}}