:root{--color-background:#fff;--color-text:#111;--color-link:#444;--color-code-block:#000004}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-background);font-size:16px}body{font-size:16pt;font-family:var(--font-body);color:var(--color-text);flex-direction:column;justify-content:space-between;align-items:center;line-height:2.5rem;display:flex}header{padding:6em 1em 1em 0}h1,h2,h3{font-family:var(--font-title);opacity:.6;margin-bottom:.5em;line-height:3rem}.subtitle{opacity:.8;font-size:20pt;line-height:1.6;display:block}li{opacity:.8}ul{list-style-type:none}p{display:inline}a{color:var(--color-link);border-bottom:2px solid var(--color-link);text-decoration:none;transition:all .5s}a:hover{color:var(--color-text)}a:active{color:var(--color-link)}hr{opacity:.3;background-color:#0000;border-style:solid;border-width:1px;width:50%;margin:1rem 0}nav{margin:1em auto}.wrap{width:45%;max-width:64em;margin:0 auto}.tag-container{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.tag{opacity:.74;margin-right:.5em;padding:.25em 0}li .tag{opacity:.92}.flex-container{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.bottom-menu{text-align:center;align-items:center}.footer{text-align:center;opacity:.8;align-items:center;width:100%;padding:1rem;font-size:1rem;line-height:1em}.nav-year{margin:1em auto}#splash{min-height:calc(100vh - 6em)}.big-link{margin-bottom:2rem;font-size:3rem;line-height:1.5em}article{width:100%;font-size:20pt;line-height:2em}article div{width:100%;height:100%;margin-bottom:1em}article h1,article h2,article h3{text-align:left;margin:1em 0}article h2{font-size:1.17em}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}article p{margin-bottom:1em;line-height:1.6;display:block}article .performance{grid-template-columns:max-content 1fr;column-gap:1em;margin-bottom:1em;line-height:1.6;display:grid}article pre{background-color:var(--color-code-block);border-radius:3px;width:100%;margin-bottom:1em;padding:1rem;line-height:2rem;overflow-x:auto}article pre>code{border:none}.video-embed{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}article code{border:1px solid var(--color-link);border-radius:3px;padding:.1rem;font-family:Source Code Pro,monospace;font-size:.9rem}article img{width:100%;max-width:100%;margin:2rem auto;display:block}article blockquote{background-color:var(--color-link);color:var(--color-background);border-radius:3px;margin:2rem 1rem;padding:2rem}article blockquote a{color:var(--color-text)}article blockquote ul{margin-top:1rem}article blockquote li{list-style:outside}article table{border-collapse:collapse;width:100%;margin:1rem 0;overflow-x:auto}article table th{font-size:.9rem}article table td,article table th{text-align:center;border:1px solid var(--color-link);padding:2px 5px}article li{padding-left:.4rem;line-height:2}article li:last-child{margin-bottom:1rem}article ul{padding-left:2rem;list-style:outside}article ol{padding-left:2rem;list-style:decimal}@media screen and (width<=736px){header{padding:3em 0}.wrap{width:90%}}