*{box-sizing:border-box;margin:0;padding:0}:root{--max-width:720px;--text-color:#1a1a1a;--text-muted:#6b7280;--bg-color:#fafafa;--border-color:#e5e7eb;--link-color:#2563eb;--code-bg:#f3f4f6}body{font-family:Crimson Pro,Georgia,serif;line-height:1.7;color:var(--text-color);background:var(--bg-color);font-size:1.1rem}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.landing-content{max-width:480px;text-align:center}.landing h1{font-size:2rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:-.02em}.landing-intro{font-size:1.25rem;line-height:1.7;color:var(--text-muted);margin-bottom:2rem}.landing-nav{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.landing-nav a{color:var(--text-color);font-size:1.1rem;text-decoration:underline;text-underline-offset:3px}.landing-nav a:hover{color:var(--link-color);text-decoration:none}.landing-social{display:flex;justify-content:center;gap:1.25rem;margin-top:2rem}.landing-social a{color:var(--text-muted);transition:color .15s}.landing-social a:hover{color:var(--text-color)}.landing-social svg{width:20px;height:20px}header{border-bottom:1px solid var(--border-color)}.nav{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.nav-name{font-size:1.15rem;font-weight:600;color:var(--text-color)}.nav-name:hover{color:var(--text-muted);text-decoration:none}.nav-links{display:flex;gap:1.5rem}.nav-links a{font-size:1rem;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px}.nav-links a:hover{color:var(--text-color);text-decoration:none}main{padding-top:2rem;padding-bottom:2rem}footer{border-top:1px solid var(--border-color);margin-top:4rem}footer .container{padding-top:1.5rem;padding-bottom:1.5rem;font-size:.875rem;color:var(--text-muted)}.post-list{list-style:none}.post-item{padding:1.5rem 0;border-bottom:1px solid var(--border-color)}.post-item:last-child{border-bottom:none}.post-date{font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.post-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.post-title a{color:var(--text-color)}.post-title a:hover{color:var(--link-color)}.post-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{font-size:.75rem;background:var(--code-bg);padding:.125rem .5rem;border-radius:.25rem;color:var(--text-muted)}.post-header{margin-bottom:2rem}.post-header h1{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;line-height:1.3}.post-meta{color:var(--text-muted);font-size:.9rem}.post-content{font-size:1.15rem;line-height:1.8}pre{margin:1.5rem 0;padding:1rem 1.25rem;border-radius:.5rem;overflow-x:auto;font-size:.9rem;line-height:1.6}code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}pre>code{display:block;padding:0}:not(pre)>code{background:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;font-size:.875em}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#ffffff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}