@font-face{font-family:inter;font-style:normal;font-weight:300 800;src:url(fonts/Inter/Inter.woff2)format("woff2"),url(fonts/Inter/Inter.ttf)format("truetype")}@font-face{font-family:commitmono;font-style:normal;font-weight:300 800;src:url(fonts/CommitMono/CommitMono.woff2)format("woff2"),url(fonts/CommitMono/CommitMono.ttf)format("truetype")}@keyframes cursor{from{color:var(--color-text)}to{color:transparent}}:root{--color-background:#ffffff;--color-text:#2b2b2b;--color-subtext:#a6a6a6;--color-borders:#f0f0f0;--color-accent:#458aa1;--color-hover:#70a2b2}@media(prefers-color-scheme:dark){:root{--color-background:#111111;--color-text:#cfcfcf;--color-subtext:#595959;--color-borders:#292929;--color-accent:#8eb0bb;--color-hover:#aec0c6}}html,body{margin:0;padding:0}body{display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:var(--color-background);color:var(--color-text)}body>*{display:flex;width:clamp(100px,calc(100vw - 4rem),500px)}h1{margin:1.5rem 0 0;font-family:commitmono,monospace;font-size:1.1rem;font-weight:400;color:var(--color-text)}h2{margin:1rem 0 0;font-family:commitmono,monospace;font-size:1rem;font-weight:400;color:var(--color-text)}p,a{font-family:inter,sans-serif;font-size:.8rem}p{margin:.5rem 0 0}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-hover)}li{font-family:inter,sans-serif;font-size:.8rem}code{padding:0 2px;border-radius:.125rem;background-color:var(--color-borders);font-family:commitmono,monospace;font-size:.8rem}pre{padding:.5rem;margin:1rem 0 .5rem;border-radius:.25rem;border:2px solid var(--color-borders)}pre>code{display:block;padding:0;margin:0;background-color:transparent;white-space:pre;overflow:scroll;scrollbar-width:none;border-radius:unset}table{width:0;white-space:nowrap;margin:1rem 0 .5rem;border-radius:.25rem;border:2px solid var(--color-borders);border-collapse:separate;border-spacing:0}th,td{text-align:left;padding:.5rem;font-family:inter,sans-serif;font-size:.8rem}table th:not(:last-child),table td:not(:last-child){border-right:1px solid var(--color-borders)}th{border-bottom:1px solid var(--color-borders)}table tr:not(:last-child)>td{border-bottom:1px solid var(--color-borders)}header{display:flex;flex-direction:row-reverse;justify-content:space-between}header a{font-family:commitmono,monospace}header>div{display:flex;justify-items:right}header>div>a{margin-left:1em}main{flex-direction:column;padding-top:2rem}main>h1:first-child{margin-top:0}main>p{font-family:inter,sans-serif}.about{margin-top:1rem}.about::after{content:"\2588";font-family:commitmono,monospace;color:var(--color-text);animation:cursor .5s ease-in-out alternate-reverse infinite}.article{display:flex;justify-content:space-between;margin-top:1rem}.article a{display:flex;flex-direction:column;justify-content:space-between;font-size:.8rem;color:var(--color-text)}.article a:hover{color:unset}.article span{white-space:nowrap;font-family:commitmono,monospace;font-size:.8rem;color:var(--color-subtext)}.title{display:flex;flex-direction:column;justify-content:space-between}.title h1{display:flex;align-items:center;margin-top:0}.title span{margin-top:.25rem;font-family:commitmono,monospace;font-size:.8rem;color:var(--color-subtext)}pre>code::-webkit-scrollbar{display:none}pre>code{-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width:500px){.article{flex-direction:column}.article span{margin-top:.25rem}}