.post{max-width:50em;margin-bottom:4em}.post.comic{max-width:80em;text-align:center}.post .title{line-height:1;font-weight:700;text-align:center;font-size:calc( 36px + (160 - 100) * (100vw - 300px) / (1920 - 300) )}.post.link .title{font-size:calc( 26px + (160 - 100) * (100vw - 300px) / (1920 - 300) );line-height:0.9}.post.link .title a{color:inherit;text-decoration:none;transition:all 0.1s ease-out}.post.link .title a:hover,.post.link .title a:focus{color:var(--link)}.post.link .title a:hover .icon-link,.post.link .title a:focus .icon-link{background:var(--link);color:var(--bg)}.post .post-precontent{text-align:center;margin:0.5em 0 1.5em}.post .tldr{font-size:1.2em;margin-top:0.5em;margin-bottom:0.5em;line-height:1.15}.post .button{margin-right:0.5em}.meta{font-size:15px}.post-content>*+*{margin-top:1.5rem}.post-content h1{font-size:2.4rem;margin-top:2em}.post-content h2{font-size:2rem;margin-top:2em}.post-content h3{font-size:1.6rem;margin-top:2em}.post-content h4{font-size:1.2rem;line-height:1.2;margin-top:2em}.post-content h2 code{text-transform:none}.post-content h3 code{text-transform:none}.post-content h4 code{text-transform:none}.post-content pre{background:rgba(0,0,0,0.075);padding:1em;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.post-content ins{text-decoration:none;font-style:italic}.post-content strong{font-weight:700}.post-content figure{margin-left:0;margin-right:0}.post-content figcaption{text-align:center;font-size:0.875em;font-style:italic}.post-content blockquote{font-family:'Domine', serif;padding:5vw;background:rgba(0,0,0,0.025);margin-left:0;margin-right:0}.post-content blockquote p+p{margin-top:1.5em}.post-content hr{border-top:0;border-bottom:1px solid var(--border)}.post-content iframe[src*="codepen.io"]{min-height:400px}.post-content .table-overflow{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.post-content table{width:100%;border-collapse:collapse}.post-content table tr>*{border-right:1px solid var(--border)}.post-content table th,.post-content table td{padding:0.5rem}.post-content table tbody td,.post-content table thead th{border-bottom:1px solid var(--border)}.post-content .footnotes{font-size:13px}@media (min-width: 50em){.post-content>*:not(img):not(pre):not(.fitVids-wrapper):not(.cp_embed_wrapper):not(blockquote):not(figure):not(table):not(picture):not(video):not(.table-overflow){margin-left:5rem;margin-right:5rem}.post-content blockquote{line-height:1.9;font-size:19px;padding:1.5em 5rem}}#comments{margin-top:4em}.fitVids-wrapper{position:relative;width:100%;height:0}.fitVids-wrapper>iframe{position:absolute;top:0;left:0;width:100%;height:100%}