:root{--default-font-size:13pt;--serif-font:"Libertinus Serif", "Times", "Charter", "Cambria", "Cochin", "Georgia", serif;--sans-serif-font:"Aestetico", "Helvetica", sans-serif;--monospace-font:"Source Code Pro", "SF Mono", "Menlo", "Consolas", "Courier", monospace;--color-mauve:#8839ef;--color-blue:#1e66f5;--color-lavender:#7287fd;--color-pink:#ea76cb;--color-base:#eff1f5;--color-text:#4c4f69;--color-subtext0:#6c6f85;--color-overlay2:#7c7f93;--color-overlay0:#9ca0b0;--color-ultra-violet-dark:#5B507A;--color-ultra-violet-bright:#5B618A;--color-pomp-and-power:#796B9E;--color-cool-gray:#8489AE;--color-rose-bonbon:#FF3399;--color-isdba-light:#F0F0F0;--text-color:var(--color-text);--light-text-color:var(--color-overlay0);--background-color:white;--light-background-color:var(--color-base);--accent-color:var(--color-blue);--light-accent-color:var(--color-ultra-violet-dark);--link-color:var(--color-mauve);--light-border-color:#eee;--header-color:var(--color-mauve);--post-heading-color:var(--color-pink)}html{font-size:var(--default-font-size);font-family:var(--serif-font);background-color:var(--background-color);color:var(--text-color)}body{max-width:40em;margin-left:auto;margin-right:auto;padding:1rem}h1,h2,h3,h4,h5,h6{font-family:var(--sans-serif-font);font-weight:700;color:var(--header-color);margin:2rem 0;& a { text-decoration: none; color: var(--accent-color); } & a:hover { color: var(--accent-color); }}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}a{color:var(--link-color)}a:hover{text-decoration:none}ins{text-decoration:none}dd{font-family:var(--sans-serif-font);margin-top:.5rem;margin-bottom:1.5rem;margin-left:2rem;font-size:.9rem}#site-header{margin-bottom:4rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline}#site-title{margin-bottom:0;font-family:var(--sans-serif-font);font-weight:100;& a { text-decoration: none; color: var(--accent-color); } & a:hover { color: var(--accent-color); }}#site-description{margin-top:0;margin:0;font-style:italic;font-family:var(--sans-serif-font);text-align:right;font-weight:200}#site-nav{text-align:right;text-align:center;& ul { list-style-type: none; padding: 0; margin-top: 0.5rem; margin-bottom: 0.5rem; & li { display: inline-block; font-family: var(--sans-serif-font); position: relative; } } & a { font-size: 0.8rem; font-weight: 700; text-decoration: none; color: var(--text-color); margin: 0 1rem; } & a:hover { color: var(--accent-color); }}#site-footer{text-align:center;margin:3rem 0;& p { font-size: 0.8rem; font-weight: 100; text-align: center; } & ul { list-style-type: none; padding: 0; margin: 3rem 0; & li { display: inline-block; margin: 0 0.5rem; font-family: var(--sans-serif-font); font-size: 0.8rem; } } & a { text-decoration: none; } & a:hover { text-decoration: underline; }}#contactform{& fieldset { display: grid; grid-template-columns: 1fr; grid-gap: 1em; border: 0 none; padding: 0; margin: 0; } & input, textarea { padding: 0.5rem; } & input, label { font-family: var(--sans-serif-font); font-size: 0.8rem; } & textarea { resize: none; font-family: var(--sans-serif-font); font-size: 0.8rem; }}#post{& header { margin-top: 3rem; margin-bottom: 3rem; } & h2, & h3, & h4 { color: var(--post-heading-color); font-weight: 400; } & img { max-width: 100%; } & figure { margin: 0; margin-top: 3rem; margin-bottom: 3rem; } & figcaption { font-size: 0.8em; font-style: italic; & p { text-align: center; } }}#list h1{color:var(--light-text-color)}.image{text-align:center}.blogitem{display:block;margin:5rem 0;text-decoration:none;border-radius:.5rem;color:var(--color-overlay2);& h2 { margin: 0.2rem 0; & a { color: var(--accent-color); } & a:hover { color: var(--light-accent-color); } }}.blogitem:hover{color:var(--text-color)}.blogdate{font-size:.8rem;margin:.2rem 0;text-align:right;color:var(--light-text-color)}#taglist{margin:2em 0;& p { display: inline-block; font-weight: bold; } & ul { display: inline-block; list-style-type: none; padding: 0; & li { display: inline-block; white-space: nowrap; hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; font-family: var(--monospace-font); font-size: 0.8rem; } & li::before { content: '#'; color: var(--link-color); } } & a { text-decoration: none; } a:hover { text-decoration: underline; }}p{text-align:justify;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;line-height:1.3}blockquote{margin-top:2rem;margin-bottom:2rem;border-left:.8rem solid #d3d3d3;padding-left:.8rem;font-style:italic}.highlight+.highlight{margin-top:0}.highlight:not(.highlight:last-of-type):has(+.highlight){margin-bottom:0}pre{margin:0}code{font-size:.7rem;font-family:var(--monospace-font);text-size-adjust:none;-webkit-text-size-adjust:none}.highlight{margin:0;margin-top:3rem;margin-bottom:3rem;& pre { font-family: var(--monospace-font); overflow: auto; padding: 1.5rem; border-radius: 0.5rem; }}.texthighlight{background-color:var(--light-background-color);border-radius:.2rem;padding:.2rem;cursor:text}#pagination{text-align:center;& ul { list-style-type: none; width: 100%; padding: 0; margin-top: 4rem; font-size: 0.8rem; & li { display: inline-block; text-align: center; position: relative; a { font-family: var(--sans-serif-font); display: block; text-decoration: none; padding: 0.1rem 0.5rem; margin: 0 1rem; } a:hover { text-decoration: underline; } } & li.disabled, & li.active { & a { color: var(--light-text-color); } & a:hover { text-decoration: none; } } & li.active { font-weight: 900; } }}@media(min-width:768px){pre{margin-left:-1rem;margin-right:-1rem}.blogitem h2{position:relative}.blogitem h2::after{content:attr(data-date);color:var(--light-accent-color);position:absolute;display:inline-block;left:100%;top:0;font-size:1rem;margin:0 1rem;vertical-align:middle}}