:root{--dark-gray:#333;--light-gray:gray;--yellow:#cfc9a5;--brighter-yellow:#f0e5a8;--blue:#3d99b8}html{height:100vh;font-family:Fira Mono,sans-serif;font-size:20px}body{background:var(--dark-gray);grid-template-columns:320px auto;grid-template-areas:"header main";min-height:100%;margin:0 auto;display:grid}header{width:320px;height:100vh;color:var(--yellow);grid-area:header;position:fixed;top:0}header nav{font-size:1.2rem}header ul{list-style-type:"> "}header li{margin:0 auto}header h1 a,header h1 a:hover{color:var(--blue);text-decoration:none}header img{width:32px;height:32px;padding-left:5px;padding-right:5px}main{border-left:3px solid var(--yellow);color:var(--yellow);grid-area:main;padding:10px 50px;line-height:1.5}section{grid-template-columns:750px 250px;grid-template-areas:"content extras";gap:20px;display:grid}main p,main ul,main li,main span{max-width:700px}h1,h2,h3{color:var(--brighter-yellow)}main h1,main h2,main h3{text-align:left}h1{text-align:center;margin-bottom:1rem;font-size:2rem}h2,h3{margin-bottom:0}a{color:var(--blue);overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;text-decoration:none}a:hover{color:var(--brighter-yellow);text-decoration:underline}p{margin-top:0}code:not(pre *){color:#bf6a6a}pre{border-radius:3px;padding:8px;font-size:14px;line-height:1.2;overflow:auto hidden}.extras{grid-area:extras;width:250px;font-size:.8rem;line-height:1.6}.bold{font-weight:700}.italic{font-style:italic}.center{text-align:center}.left{text-align:left}.right{text-align:right}.small{font-size:.9rem}.smaller{font-size:.8rem}.bigger{font-size:1.2rem}.toc-link-back{text-align:right;font-size:.6rem}.lang-logo{vertical-align:middle;height:1rem}@media (max-width:1300px){section{grid-template-columns:1fr;grid-template-areas:"content""extras"}img{max-width:100%}pre{width:calc(100vw - 450px)}.extras{width:100%;font-size:.8rem;line-height:1.5}}@media (max-width:915px){body{grid-template:"header""main"1fr/auto;margin:0 auto}header{width:auto;height:auto;padding:12px;position:relative}header nav ul{margin:0;padding-top:5px;font-size:.9em}header img{width:25px;height:25px}header p{margin-bottom:0}main{border-top:3px solid var(--yellow);border-left:none;padding:0 12px}h1{margin:0 auto;padding-bottom:10px}h2{margin-top:6px}h2,.tags{text-align:center}code,pre{width:89vw;padding:5px}}