:root{--color-bg-default:#222;--color-bg-light:#323232;--color-border-light:#424242;--color-accent:#0066dd;--color-text-light:#fff;--color-text-default:#ddd;--color-text-dark:#aaa;--grid-half:calc(var(--grid-1) / 2);--grid-1:8px;--grid-2:calc(var(--grid-1) * 2);--grid-3:calc(var(--grid-1) * 3);--grid-4:calc(var(--grid-1) * 4);--transition-duration:0.2s}html{background:var(--color-bg-default);color:var(--color-text-default);font:18px/1.6 system-ui,Helvetica,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{padding:var(--grid-2);margin:0 auto}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:26px}.home h1,header h1{font-size:30px}h2{font-size:18px}.logo{display:block;margin:0 auto var(--grid-4);max-width:150px}.logo img{border:3px solid var(--color-border-light);border-radius:100%;height:160px;padding:2px;width:160px;transition:border-color var(--transition-duration)}.logo:hover img{border-color:var(--color-accent)}.content{margin:0 auto;max-width:calc(var(--grid-1) * 96)}.content a{color:var(--color-text-light);border-bottom:1px solid var(--color-accent);text-decoration:none;transition:border-color var(--transition-duration)}.content a:hover{border-bottom-color:var(--color-text-light)}.home{margin:0 auto}.home h1{text-align:center}.blog-post-list-item{margin-bottom:.5em}.blog-post-time{color:#999;display:block;font-size:12px}blockquote{background:var(--color-bg-light);border-left:3px solid var(--color-accent);margin:1em 0;padding:var(--grid-1) var(--grid-2)}blockquote>p:first-child{margin-top:0}blockquote>p:last-child{margin-bottom:0}code,pre{font-family:Menlo,Monaco,Consolas,monospace;font-size:16px}.blog h2{font-size:22px}hr{border:1px solid var(--color-border-light)}img.left,img.right{border:1px solid var(--color-border-light);padding:1px}img.left{float:left;margin:.3em .5em .5em 0}img.right{float:right;margin:.3em 0 .5em .5em}pre{background:var(--color-bg-light);border-left:3px solid var(--color-accent);overflow:auto;padding:var(--grid-1) var(--grid-2)}.copyright{color:var(--color-text-dark);font-size:14px}.published{color:var(--color-text-dark);font-size:14px}.published a,.title a{color:inherit}.title{margin:0}.warning{background:var(--color-bg-light);border:1px solid var(--color-border-light);font-style:italic;margin:var(--grid-3) 0 var(--grid-4);padding:var(--grid-1) var(--grid-2)}@media (min-width:960px){.warning{margin-left:calc(-1 * var(--grid-2));margin-right:calc(-1 * var(--grid-2))}}