:root{--font-family:"Fira Code", monospace;--color-text:#f0f0f0;--color-text-accent:#ab6fe7;--color-text-accent-light:#bb85f1;--color-anchor:#d7bfff;--color-background:#121014;--color-background-accent:#0f0d0f;--color-background-accent-light:#26202c;--color-background-accent-lighter:#4b3463;--color-separator:#363636;--color-selection:#742db6a4}::selection,::-moz-selection{background-color:var(--color-selection)}body.color-teal{--color-text-accent:#13b8b8;--color-text-accent-light:#32bebe;--color-anchor:#7be0e0;--color-background-accent:#0d0f0f;--color-background-accent-light:#202b2c;--color-background-accent-lighter:#345a63;--color-selection:#2dadb6a4}body.color-blue{--color-text-accent:#3c83d3;--color-text-accent-light:#328bbe;--color-anchor:#79b7e9;--color-background-accent:#0d0e0f;--color-background-accent-light:#20272c;--color-background-accent-lighter:#344863;--color-selection:#2d6db6a4}body.color-green{--color-text-accent:#3cd362;--color-text-accent-light:#4ebe32;--color-anchor:#82e979;--color-background-accent:#0e0f0d;--color-background-accent-light:#232c20;--color-background-accent-lighter:#396334;--color-selection:#4ec44aa4}body.color-yellow,body.color-gold{--color-text-accent:#b8b513;--color-text-accent-light:#beb532;--color-anchor:#dfe07b;--color-background-accent:#0f0f0d;--color-background-accent-light:#2c2c20;--color-background-accent-lighter:#635e34;--color-selection:#b6ad2da4}body.color-red,body.color-plum{--color-text-accent:#c5216e;--color-text-accent-light:#be3268;--color-anchor:#e0619c;--color-background-accent:#0f0d0e;--color-background-accent-light:#2c2026;--color-background-accent-lighter:#63344a;--color-selection:#b62d78a4}body.color-gray,body.color-grey,body.color-white{--color-text-accent:#c2c2c2;--color-text-accent-light:#bbbbbb;--color-anchor:#e4e4e4;--color-background-accent:#111111;--color-background-accent-light:#292929;--color-background-accent-lighter:#5e5e5e;--color-selection:#7e7e7ea4}body{color:var(--color-text);font-family:var(--font-family);line-height:1.7;max-width:768px;background-color:var(--color-background);font-size:.95em;min-height:100dvh;max-width:50rem;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column}header{margin-top:1.6rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-separator);margin-bottom:1rem}header h1{color:var(--color-text-accent);font-size:1.1em;width:fit-content}header a:has(h1){text-decoration:none}header h1::before{content:"$ ";color:var(--color-text)}footer{border-top:1px solid var(--color-separator);margin-top:3rem;padding:.5rem 0;text-align:center}a{color:var(--color-anchor);text-decoration:underline;text-decoration-color:var(--color-anchor)}code{font-family:var(--font-family);background-color:var(--color-background-accent);color:var(--color-text-accent-light);font-size:1em;padding:1px 5px}pre{background-color:var(--color-background-accent)!important;padding:20px;overflow-x:auto;border:1px solid var(--color-separator)}pre code{color:var(--color-text);padding:0!important}main{flex:1}main h1,main h2,main h3,main h4,main h5,main h6{margin-top:25px;color:var(--color-text-accent);text-transform:uppercase;font-size:1.2em;padding-top:10px;padding-bottom:10px;border-bottom:dashed var(--color-text-accent)2px;margin-bottom:10px}main h1::before{content:"# "}main h2,main h3{font-size:1.1em}main h2::before{content:"## "}main h3,main h4{border-bottom:dashed var(--color-text-accent)1px}main h3::before{content:"### "}main h4{font-size:1em}main h4::before{content:"#### "}main h5,main h6{font-size:.95em;border-bottom:dotted var(--color-text-accent)1px}main h5::before{content:"##### "}main h6::before{content:"###### "}hr{width:85%;color:var(--color-text-accent-light);margin:30px auto}blockquote{border-top:dotted 2px var(--color-text-accent-light);border-bottom:dotted 2px var(--color-text-accent-light);margin-left:0;margin-right:0;font-style:italic}blockquote p{margin-left:2rem;margin-right:2rem;text-align:left!important}blockquote p::before{content:"> ";color:var(--color-text-accent-light)}table,td,th{border:2px solid var(--color-text-accent);border-collapse:collapse}table,img{margin-left:auto;margin-right:auto}img{max-width:100%}th,td{padding:10px 20px;background-color:var(--color-background-accent-light)}th{background-color:var(--color-background-accent-lighter)}.menu{display:flex;gap:12px;flex-wrap:wrap}.article.header{margin-top:3rem;padding-bottom:15px;margin-bottom:30px}.article.header h1{text-decoration:none;border-bottom:double var(--color-text-accent)5px;font-size:1.3em;margin-bottom:15px}.list.header h1{text-decoration:none;border-bottom:double var(--color-text-accent)5px;font-size:1.3em;margin-bottom:15px;margin-top:3rem}.article.card a:has(h1.title){text-decoration:none}.article.card h1.title{margin-top:25px;color:var(--color-text-accent);text-transform:uppercase;font-size:1.2em;padding-top:10px;padding-bottom:10px;border-bottom:double var(--color-text-accent)4px;margin-bottom:15px}.article.header h1::before,.list.header h1::before,.article.card h1.title::before{content:""}.article.card{padding-top:20px;padding-bottom:50px;border-bottom:var(--color-separator)1px solid}.article.card:last-child{border-bottom:none}time{color:var(--color-text-accent)}.tags{margin:15px 0}.tags a{margin-right:5px}.tags a:last-child{margin-right:0}p:has(.button){margin:20px 0}p:has(img){text-align:center!important}.button{color:var(--color-text);background-color:var(--color-background-accent-light);padding:8px 15px;border:2px solid var(--color-background-accent-lighter);text-decoration:none;transition:background .2s}.button:hover{background-color:var(--color-background-accent-lighter)}.pagination{margin-top:20px;border-top:dotted 2px var(--color-text-accent);padding:3rem 2rem 2rem;display:flex;flex-wrap:wrap}.pagination:has(.center){justify-content:center}@media screen and (max-width:30rem){.pagination div{text-align:center!important}}.pagination .newer,.pagination .older{flex:50%;min-width:fit-content}.pagination .newer{text-align:left}.pagination .older{text-align:right}.main{margin-top:3rem}.dot,.reading-time{color:var(--color-text-accent)}.footer-badge{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}