body{margin:0;padding:0;font-family:sans-serif;font-size:1.6rem;line-height:1.4;background:#000}blockquote{border-left:4px solid red;margin:40px 0;padding:10px 40px}blockquote p,blockquote ul,.footnotes,.footnote-ref{font-size:1.2rem}pre{overflow:auto;font-size:1.4rem}a{color:red;text-decoration:none}a:visited{color:pink}a:hover{color:#fff}p>img{max-width:680px;display:block;margin:3rem auto;border-radius:1.5rem}p>canvas{display:block;margin:0 auto}figcaption{font-size:14px;text-align:center;padding-bottom:1rem;margin-top:-1rem}figcaption.code{margin-top:0;padding-bottom:0}figcaption.video{margin-top:0;padding-bottom:0}.content{color:#fff;max-width:680px;margin:0 auto;padding:1.2rem;overflow:hidden}.title{font-size:2rem}.section-title{margin-bottom:-8pt;margin-top:1.2em}.heading-title{margin-bottom:0;font-size:2rem}.date{font-size:.8rem;margin:2em 0;color:#666}.date a{color:red;text-decoration:none}@media only screen and (min-width:421px){.shown-xs{display:none}}@media only screen and (max-width:420px){.hidden-xs{display:none}article h3{margin-bottom:0}article p.date{margin-top:0}}@media only screen and (max-width:700px){p>img{max-width:100%;border-radius:1.5rem}}.not-found{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:80%;font-size:10rem;font-weight:100}.post-nav{display:flex;justify-content:center;margin:3rem 0;text-align:center;letter-spacing:1.4rem;font-size:.3rem;line-height:6}.post-nav a{color:pink;text-decoration:none}.post-nav a:visited{color:#666}.post-nav a:hover{color:red}hr{color:#333}@view-transition{navigation: auto; }