:root{--color-primary:#ffd700;--color-secondary:#e9003a;--color-tertiary:#057d9f;--color-text:#ddd}*::selection{background:var(--color-primary);color:#000}body{background-color:#1a1a1a;background-image:url(/texture.svg);color:var(--color-text);font-family:Georgia,serif;line-height:1.5;margin:0 auto;max-width:720px}nav ul{display:flex;list-style-type:none;padding:0}nav ul li:not(:first-child)::before{content:" - ";padding:.5rem}a{text-decoration:none;color:var(--color-primary)}a:hover{color:#ffeb7d}code{color:var(--color-tertiary);font-weight:bolder}code{overflow-x:auto}pre code{font-weight:400;display:block;color:#f8f8f2;background-color:#272822;padding:1rem}p{margin:0}article a{text-decoration:underline}article p{margin:1em 0;text-align:justify}article img{max-width:100%;display:block;margin:auto}article a img{border:1px solid var(--color-primary);border-radius:.25rem}article .tags>span{font-family:monospace;border:1px solid var(--color-tertiary);color:var(--color-tertiary);padding:0 .5rem}.tagslist{display:grid;grid-template-columns:repeat(3,1fr)}.tagslist>a{display:block;font-size:.75rem}.tagslist>a::before{content:" # ";color:#fff}blockquote{margin:0}blockquote p{border-left:3px solid var(--color-tertiary);padding:1rem;margin:0;background-color:#202020}blockquote p.danger{border-left:3px solid var(--color-secondary)}blockquote p.warning{border-left:3px solid #ffc107}blockquote p.prompt{border-left:3px solid #000}footer{margin-top:1rem;display:flex}time{color:var(--color-secondary)}#logo{width:60px}.copyright{flex:max-content;text-align:right}.site-title{margin-top:.5rem;display:flex;gap:.5rem}.site-title .title{font-size:2rem;font-weight:700;color:var(--color-primary)}.site-title .subtitle{font-size:1.2rem}.intro p{margin:.5em 0}.tags{padding-left:.5rem}.tag::before{content:" # ";color:#fff}.tertiary{color:var(--color-tertiary)}.secondary{color:var(--color-secondary)}.hidden{display:none}.icon{width:24px;height:24px;display:inline-block}.article-row{margin-bottom:1rem}.article-row .description{padding-left:.5rem;border-left:1px solid #303030}.article-row .meta{font-size:.75rem;padding-left:.5rem;border-left:1px solid #303030}@media(max-width:640px){body{padding:0 .25rem}#logo{width:40px}.site-title{font-size:2rem}}