@font-face{font-family:merriweather;src:url(/fonts/Merriweather.ttf)format("truetype"),}@font-face{font-family:inter;src:url(/fonts/Inter.ttf)format("truetype"),}:root{--primary:#8b34fc;--secondary:#8e24aa;--accent:#ff9800;--bg:#070707;--bg-secondary:#0f0f0f;--bg-rgb:15, 15, 15;--bg-accent:#1f1f1f;--text:#f0f0f0;--text-secondary:#aaaaaa;--text-title:#ffffff;--font-primary:Inter, sans-serif;--font-secondary:Merriweather, sans-serif;--font-xs:.75rem;--font-small:.875rem;--font-base:1rem;--font-large:1.25rem;--font-heading:2rem;--radius:.5rem;--line-height:1.5}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-primary)}html,body{height:100%}body{font-size:var(--font-size);line-height:var(--line-height);background-color:var(--bg);background-image:radial-gradient(#0f0f0f 1px,transparent 0);background-size:13px 13px;background-position:-19px -19px;color:var(--text);margin-bottom:1rem}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit;border:none;background:0 0}table{border-collapse:collapse;width:100%}img{width:100%;object-fit:cover;display:block;height:auto;border-radius:var(--radius);background-color:var(--bg-accent);border:3px solid var(--bg-accent)}h1,h2,h3,h4,h5,h6{color:var(--text-title);font-family:var(--font-secondary);font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:var(--font-heading)}h2{font-size:1.5rem}h3{font-size:1.25rem}h4,h5,h6{font-size:1rem}a{color:var(--primary);transition:color .3s ease}a:hover{color:var(--accent)}p{margin:1rem 0}pre,code{font-family:monospace !important}hr{margin:2rem 0}main{width:80%;margin:auto;height:100%}#site-title{margin:auto 0}#site-title a{color:#fff}.header{z-index:99;display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;position:sticky;top:0;background-color:var(--bg);margin-bottom:1rem}.header-links{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2rem;font-size:1.3em}.header-links a{color:var(--text);padding:.8rem 1rem;display:block}.header-links .active,.header-links a:hover,.post-title{text-decoration:underline;text-decoration-color:var(--primary);text-decoration-thickness:3px}.home-hero{width:80%;margin:auto;position:relative}.hero-background{aspect-ratio:16/9}.hero-author{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-author h1{width:100%;text-align:center}.hero-author img{margin:1rem auto;width:50%;border-radius:100%}.preview-card{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2rem;margin-bottom:2rem}.preview-image{max-width:16rem;position:relative}.preview-image img{aspect-ratio:16/9}.preview-title:hover{text-decoration:underline;text-decoration-color:var(--primary);text-decoration-thickness:3px}.preview-time{font-size:.9em;color:var(--text-secondary)}.tag-list{list-style:none;display:flex;flex-direction:row;gap:1rem;font-size:.9em}.preview-tag::before{content:"#"}.blog-post{max-width:80%;margin:auto}.glitch{display:inline-grid;grid-template-columns:1fr}.glitch span{font-weight:700;grid-row-start:1;grid-column-start:1;--stack-height:calc(100% / var(--stacks) - 1px);--inverse-index:calc(calc(var(--stacks) - 1) - var(--index));--clip-top:calc(var(--stack-height) * var(--index));--clip-bottom:calc(var(--stack-height) * var(--inverse-index));clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0);animation:stack 340ms cubic-bezier(.46,.29,0,1.24)1 backwards calc(var(--index) * 120ms),glitch 2s ease infinite 2s alternate-reverse}.glitch span:nth-child(odd){--glitch-translate:8px}.glitch span:nth-child(even){--glitch-translate:-8px}@keyframes stack{0%{opacity:0;transform:translateX(-50%);text-shadow:-2px 3px 0 red,2px -3px 0 blue}60%{opacity:.5;transform:translateX(50%)}80%{transform:none;opacity:1;text-shadow:2px -3px 0 red,-2px 3px 0 blue}100%{text-shadow:none}}@keyframes glitch{0%{text-shadow:-2px 3px 0 red,2px -3px 0 blue;transform:translate(var(--glitch-translate))}2%{text-shadow:2px -3px 0 red,-2px 3px 0 blue}4%,100%{text-shadow:none;transform:none}}.section-hero{width:90%;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:3rem}.section-hero-count{color:var(--text-secondary)}.section-hero-main{width:35vw;display:flex;flex-direction:column;justify-content:center}.section-title{background-color:#000;border:3px solid var(--bg-secondary);padding:1rem;border-radius:var(--radius)}.section-hero-image{width:35vw}.admonition{background-color:var(--bg-secondary);border-radius:var(--radius);padding:.5rem 1rem;border-left:4px solid var(--text)}.admonition-title{text-transform:capitalize;font-weight:700;padding-left:.5rem;font-size:1.3rem}pre{border:3px solid var(--bg-secondary);background-color:#000;padding:1rem;border-radius:var(--radius);overflow:scroll}code:not(pre code){color:#fff;background-color:#000;font-size:1.1em;text-wrap:nowrap;padding:.2rem;border-radius:var(--radius);border:2px solid var(--bg-secondary)}blockquote{padding:1rem;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);background-color:var(--bg-secondary);border-left:5px solid var(--secondary)}.blog-post>*{margin-bottom:1.2rem}@media(max-width:480px){.glitch-aux{display:none}}@media(max-width:768px){#site-title,.preview-image,.hero-background{display:none}.preview-card{border-bottom:1px solid var(--bg-accent)}.header-links{gap:0}.hero-author{transform:translate(-50%,0);position:relative;display:block}}@media(max-width:992px){.section-hero-image{display:none}.section-hero-main{width:100%}}@media(max-width:1200px){}