:root{--rosewater:#f5e0dc;--rosewater-light:#f5e0dc9f;--text:#cccccc;--subtext0:#a1a1aa;--overlay0:#c3c3c3;--base:#161616;--mantle:#1f1f1f;--crust:#090909;--code:#272822}body{font-family:jetbrainsmono-regular,monospace;background-color:var(--base);color:var(--text);margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}blockquote{border-left:solid var(--overlay0)2px;margin-left:0;padding-left:1em;color:var(--overlay0)}a{color:var(--rosewater);text-underline-offset:.3rem;text-decoration:underline var(--rosewater-light)1px;-webkit-text-decoration-line:underline;-webkit-text-decoration-color:var(--rosewater-light);-webkit-text-decoration-style:solid}a:hover{text-decoration:underline var(--rosewater)2px;text-underline-offset:.3rem}a:focus-visible,button:focus-visible{outline:2px solid var(--rosewater);outline-offset:3px;border-radius:2px}*:focus:not(:focus-visible){outline:none}header .nav a:focus-visible{outline:2px solid var(--rosewater);outline-offset:4px}header .links a:focus-visible{outline:2px solid var(--rosewater);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;top:-40px;left:16px;background:var(--base);color:var(--rosewater);padding:8px 16px;text-decoration:underline;z-index:100;transition:top .2s ease}.skip-link:focus{top:16px}@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}.wrapper{margin:4rem 0;width:75%}.muted{color:var(--subtext0)}.posted{color:var(--subtext0);font-size:.85em}code{text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}:not(pre)>code{background-color:var(--code);padding:.2em .5em;font-size:1rem;border-radius:3px}pre{padding:.8rem;text-wrap:nowrap;border-radius:.5rem;overflow-x:auto;font-size:1rem}body>.wrapper>header{padding:0 2rem}header .bar{display:flex;margin:0 auto 3rem;flex-direction:row;align-items:center;justify-content:space-between;max-width:800px}header .bar a{display:flex;align-items:center;justify-content:start;gap:1.25rem;text-decoration:none;margin:.75rem 0}header .bar a p{margin:0}header .bar a .name{font-size:1.65rem;font-weight:700}header .bar a .bag{width:4rem;height:4rem;object-fit:cover}header .links{display:flex;flex-direction:row;gap:1.25rem;justify-content:center}header .links img{height:1.3rem}header .nav{list-style:none;display:flex;flex-direction:row;gap:16px;margin:0 auto;padding:0;max-width:800px;justify-content:space-evenly}main{margin:3rem;padding:0 1rem;line-height:1.6em}.intro-section{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;margin-bottom:2rem}.profile-image{border-radius:50%;width:180px;height:180px;object-fit:cover}.intro-text{flex:1;min-width:250px}.intro-text h1{margin-top:0;line-height:1.2}.intro-text p{margin-bottom:0}.page{margin:3rem auto;max-width:800px}article header .article-image{text-align:center}article header .article-image img{max-width:100%;height:auto;display:block;margin:0 auto}article header h1{margin-bottom:.5rem}article header .article-meta{margin-bottom:1rem}article header .article-meta .posted{margin-right:15px}article header .article-meta .article-tags{display:inline}article header .article-meta .article-tags .tag{color:var(--subtext0);text-decoration:none;margin-right:10px;font-size:.9em}article header .article-meta .article-tags .tag:hover{color:var(--rosewater)}footer{margin-top:4rem;padding-bottom:2rem;text-align:center;color:var(--subtext0);font-size:.9rem}footer p{font-size:.75rem;text-align:center;margin-top:.5rem}footer a{color:inherit}footer a:hover{color:var(--rosewater)}footer .source-link{margin-left:10px}.portfolio-grid{display:grid;grid-template-columns:33% 33% 33%;font-size:1rem;gap:1rem}.portfolio-item{display:flex;flex-direction:column;justify-content:start;border:2px solid var(--mantle);border-radius:.5rem}.portfolio-item>img{width:100%;min-height:12rem;object-fit:cover}.portfolio-item .card-body{padding:1.25rem;height:100%;background-color:var(--crust)}.portfolio-item .card-body .sublink{display:flex;align-items:center;font-size:.75rem}.portfolio-item .card-body .sublink img{margin-left:2px;margin-top:1.5px;height:1.4rem}.portfolio-item .card-title{margin:0}@media only screen and (max-width:640px){main{font-size:1rem;margin:3rem 1rem}.wrapper{width:95%}header .bar{flex-direction:column;align-items:center}header .bar a .name{font-size:1.3rem}header .links{gap:.75rem}.intro-section{justify-content:center}.portfolio-grid{grid-template-columns:100%}header .nav{gap:32px;justify-content:center}header .nav a,header .links a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}@media only screen and (min-width:768px) and (max-width:1024px){.wrapper{width:80%}.portfolio-grid{grid-template-columns:50% 50%}}