@font-face{font-display:swap;font-family:Monaspace Argon;font-style:normal;font-weight:400;src:url(/static/media/MonaspaceArgonNF-Regular.d924f012a2870c4e1372.woff2) format("woff2")}code{font-family:Monaspace Argon,monospace}[data-theme=dark]{--color-background:#1a1a1a;--color-accent:#262626;--color-text:#bfbfbf;--color-shadow:#0d0d0d;--color-text-invert:#1a1a1a;--color-primary:#737373;--color-border:#333}[data-theme=light]{--color-background:#fff;--color-accent:#f2f2f2;--color-text:#1a1a1a;--color-shadow:#666;--color-text-invert:#e6e6e6;--color-primary:#737373;--color-border:#b3b3b3}body{background:var(--color-background);background-size:cover;color:var(--color-text);justify-content:center;margin:0;min-height:100vh;width:100vw}.parent *,body,body *{transition:color .3s,background-color .3s}#root{background-color:initial;grid-template-rows:auto 1fr auto;min-height:100vh;overflow:hidden;width:100%}:root{--fs-300:clamp(0.875rem,0.82rem + 0.3vw,1rem);--fs-400:clamp(1rem,0.95rem + 0.4vw,1.125rem);--fs-500:clamp(1.25rem,1.1rem + 0.8vw,1.5rem);--fs-600:clamp(1.6rem,1.3rem + 1.2vw,2rem);--fs-700:clamp(2rem,1.6rem + 1.8vw,2.6rem);--fs-800:clamp(2.6rem,2rem + 2.5vw,3.4rem);--lh-tight:1.15;--lh-normal:1.5;--lh-loose:1.7}.text-subheading{color:var(--color-primary);font-size:clamp(.875rem,.82rem + .3vw,1rem);font-size:var(--fs-300);margin-bottom:.2em;margin-top:.2em}.text-heading,.text-subheading{font-family:Monaspace Argon,monospace;text-align:left}.text-heading{font-size:clamp(2rem,1.6rem + 1.8vw,2.6rem);font-size:var(--fs-700)}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-family:Monaspace Argon,monospace;margin-bottom:.2em;margin-top:.2em;text-align:left}h1{font-size:clamp(2rem,1.6rem + 1.8vw,2.6rem);font-size:var(--fs-700)}h2{font-size:clamp(1.6rem,1.3rem + 1.2vw,2rem);font-size:var(--fs-600)}h3{font-size:clamp(1rem,.95rem + .4vw,1.125rem);font-size:var(--fs-400)}h4{font-size:clamp(.875rem,.82rem + .3vw,1rem);font-size:var(--fs-300)}h4,h5{color:var(--color-primary)}p{font-size:clamp(1rem,.95rem + .4vw,1.125rem);font-size:var(--fs-400)}a,p{font-family:Roboto,sans-serif;text-align:left}a{color:var(--color-primary);line-height:1.6;text-decoration:underline}.fade-in{animation:fadeIn .8s ease forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@property --start{syntax:"<color>";inherits:false;initial-value:#0000}@property --pos{syntax:"<percentage>";inherits:false;initial-value:10%}.about-head{background:#0000;border-radius:8px;max-width:60em}.about-border{background-color:var(--color-primary);border-top-left-radius:8px;border-top-right-radius:8px;height:40px;margin-bottom:0}.about-container{grid-gap:30px;background:#0000;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:none;display:grid;gap:30px;margin-top:0;padding:0 1em 1em;transition:transform .3s ease}.contact{display:flex;gap:1em;max-width:60em}.contact-box{background-color:var(--color-accent);border-radius:8px}.contact-box button{align-items:center;background-color:initial;border:none;border-radius:8px;cursor:pointer;display:grid;flex-basis:0;flex-grow:0;grid-template-rows:2fr .25fr 1fr;justify-items:center;padding:1em}.contact-box button svg{stroke:var(--color-primary);fill:var(--color-primary);height:4em;width:4em}.contact-box button h3{text-align:center}@keyframes bob{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.scroll-prompt{animation:bob 1.6s infinite}.project-list{grid-gap:1.5rem;background-color:initial;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;justify-content:center}.project-card-button{all:unset;background:#0000;border-radius:8px;cursor:pointer;justify-content:left;padding:0;transition:transform .2s ease-in-out}.project-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:var(--color-accent);border-radius:8px;color:inherit;overflow:hidden;transition:transform .2s}.project-card div{padding:15px}.card-button-post,.card-button-wiki-post{background:#0000;border:none;border-radius:8px;cursor:pointer;height:100%;justify-content:left;padding:0;transition:transform .2s ease-in-out;width:100%}.blog-list{grid-gap:2rem;background-color:initial;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;justify-content:center;max-width:70em;padding:0}@media (max-width:90em){.blog-list,.project-list{grid-template-columns:1fr}}.blog-card{align-items:left;background-color:var(--color-accent);border-radius:8px;color:inherit;display:grid;grid-template-rows:.2fr 1fr .1fr;transition:transform .2s}.blog-card div{padding:15px}.blog-card img{height:200px;object-fit:cover;width:100%}.card-title-container{justify-content:left;margin:0}.card-heading{font-family:Monaspace Argon,monospace;font-size:18px;text-align:left}.card-text{font-family:Roboto,sans-serif;font-size:16px;line-height:1.4;text-align:left}@media (max-width:50rem){.card-heading{font-size:20px}.card-text{font-size:18px}}.blog-container{margin:0 auto;max-width:1300px}.blog-container section{background-color:initial;display:flex;flex-direction:column;max-width:800px;padding:.5em}.navbar{background-color:var(--color-accent);box-shadow:0 4px 22px -12px var(--color-shadow);color:var(--color-primary);display:grid;height:4em;left:0;place-items:center;position:fixed;top:0;transition:border .3s,background-color .3s;width:100vw;z-index:1000}.nav-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:92.5%}.logo{font-family:Monaspace Argon,monospace;font-size:24px}@media (max-width:50rem){.logo{font-size:20px}}.nav-links{list-style:none;padding:0}.nav-links li a{color:var(--color-text);font-size:clamp(1rem,.95rem + .4vw,1.125rem);font-size:var(--fs-400);text-decoration:none}.size-6{stroke:var(--color-text);fill:var(--color-text);height:96px;width:96px}.about-header{gap:1.5rem;max-width:60rem;min-width:none;padding-left:10px;padding-right:10px}@media (max-width:60rem){.about-header{gap:0;grid-template-columns:1fr 0fr;min-width:none;width:auto}.left-header,.right-header{visibility:hidden}}.right-header{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-rows:1fr 4fr}.spotify-widget,.todo-widget{background-color:var(--color-primary);border-radius:8px}.footer-content{align-items:flex-start;background-color:var(--color-background);box-shadow:0 4px 5px 0 var(--color-shadow);color:var(--color-primary);display:flex;flex-direction:column;gap:20px;justify-content:flex-start;padding:2em}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-weight:600;line-height:1.3;margin-bottom:1rem;margin-top:2rem}.markdown-body h1{font-size:2rem}.markdown-body h2{font-size:1.6rem}.markdown-body h3{font-size:1.3rem}.markdown-body p{margin:1rem 0}.markdown-body a{text-decoration:none}.markdown-body a:hover,.markdown-body h1:hover,.markdown-body h2:hover,.markdown-body h3:hover,.markdown-body h4:hover{text-decoration:underline}.markdown-body ol,.markdown-body ul{margin:1rem 0;padding-left:2rem}.markdown-body code{background-color:var(--color-accent);border-radius:6px;font-size:.9em;padding:.2em .4em}.markdown-body pre{background-color:var(--color-accent);border-radius:10px;color:var(--color-text-text);margin:1.5rem 0;overflow-x:auto;padding:1rem}.markdown-body pre code{background:none;display:block;font-size:.9rem;line-height:1.6;padding:0}.markdown-body table{border-collapse:collapse;font-size:.95rem;margin:2rem 0;width:100%}.markdown-body td,.markdown-body th{padding:.75rem;text-align:left}.markdown-body th{font-weight:600}.markdown-body blockquote,blockquote{border-left:4px solid var(--color-primary);font-style:italic;margin:1.5rem 0;padding-left:1rem}.markdown-body img{border-radius:8px;margin:1rem 0;max-width:100%}.markdown-body hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}.layout,.sider{background:var(--color-background);color:var(--color-text)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.element{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.element::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px;max-width:1000px;min-width:400px}
/*# sourceMappingURL=main.d20678aa.css.map*/