:root{--color-primary: #a51d2d;--color-secondary: #a5511d;--color-accent: #16ac9a;--color-background: #faf9f9;--color-text: #1f1415;--color-muted: #f1efef}:root{--color-primary: #3d7f1f;--color-secondary: #1f7f31;--color-accent: #631a84;--color-background: #fafaf9;--color-text: #181e15;--color-muted: #eff1ef}footer{border-top:1px solid #222;margin-top:1rem}html{font-size:16px}body{color:var(--color-text);font-family:monospace;line-height:1.5;margin:1rem;max-width:768px;margin-left:auto;margin-right:auto;background-color:var(--color-background)}a{color:var(--color-accent);text-decoration:none}#content-header{text-align:center;margin:auto auto 40px}#content-header h1{font-size:3em;margin-bottom:16px;color:var(--color-primary)}#content-header time{text-transform:uppercase}#content-header #tags{list-style-type:none;justify-content:center;padding:0}#content-header #tags li{display:inline;margin:0;line-height:2em;background-color:var(--color-accent);padding:3px 8px;border-radius:10px}#content-header #tags li a{color:var(--color-muted)}main p a{text-decoration:underline dashed}main p a:hover{text-decoration:underline}main h1,main h2,main h3{color:var(--color-secondary)}$heading: (h1,1.75,800),(h2,1.5,700),(h3,1.3,600),(h4,1.15,600),(h5,1,500),(h6,.9,400); @each $tag,$size,$weight in $heading{.md #{$tag}{font-size: #{$size}rem;font-weight:$weight;margin-top:1rem;margin-bottom:.75rem}}main pre,main code{background-color:var(--color-muted);font-size:14px;border-radius:4px;padding:6px;overflow-x:auto}main pre code{padding-left:0;padding-right:0}main blockquote{background-color:var(--color-muted);font-size:14px;border-left:6px solid var(--color-accent);font-style:italic;padding:1px .85em;margin:.75rem 0}main table{border-collapse:collapse;border-spacing:0;display:block;max-width:100%;width:100%;margin:1em 0;overflow:auto}main table thead{border-top:2px solid var(--color-text);border-bottom:1px solid var(--color-text)}main table tbody{border-bottom:2px solid var(--color-text)}main table th,main table td{padding:.25rem 1rem}main ul{list-style:disc;padding-inline-start:30px}main ol{list-style:decimal;padding-inline-start:30px}main ul input[type=checkbox]{margin:0 5px 0 0}main ul:has(input){list-style:none;padding-inline-start:8px}main li{margin-bottom:.5rem;line-height:1.5}main ol,main ul,main img,main blockquote,main .highlight{margin:.75rem 0}main hr{margin:1.5rem 0;color:var(--color-muted)}main .footnotes{font-size:.9rem}header{display:flex;align-items:center;margin-bottom:8rem;justify-content:space-between}header h1{font-size:30px}header nav ul{display:flex;list-style-type:none}header nav ul li{margin-left:18px}header nav ul li:before{content:"["}header nav ul li:after{content:"]"}.posts-group{display:flex;margin-bottom:1em;line-height:normal;border-bottom:3px var(--color-muted) dashed;&:last-of-type{border-bottom:none}.post-year{padding-top:6px;margin:0 1.8em 0 0;color:var(--color-text)}.posts-list{flex-grow:1;margin:0;padding:0;list-style:none}.post-item{a{display:flex;justify-content:space-between;align-items:baseline;padding:.3em 0;color:var(--color-text);h3{margin:0;color:var(--color-text)}}}.post-day{flex-shrink:0;margin-left:1em}}
