:root{--font:sans-serif;--primary-colour:#ECEAE5;--seconday-colour:#1A170F;--accent-colour:#EE82CF}body{display:flex;flex-direction:column;background-color:var(--seconday-colour);color:var(--primary-colour);font-family:var(--font);line-height:1.5;margin:1em;max-width:768px;text-align:justify}header{margin-bottom:1rem}footer{border-top:1px solid color-mix(in srgb,var(--primary-colour) 10%,transparent);margin-top:1rem}a{color:var(--accent-colour);text-decoration:none}img{max-width:100%}article:not(:last-of-type){border-bottom:1px solid color-mix(in srgb,var(--primary-colour) 10%,transparent);padding-bottom:.5em}ul{list-style-type:none;margin:0;padding:0;overflow:hidden}ul li{float:left}ul li a{display:block;padding:0 1em}.highlight pre{overflow-x:auto}.highlight pre code{display:inline-block;padding:1em}figcaption{font:var(--font);padding:3px;text-align:center}.framed{border:1px solid var(--accent-colour);padding:1em;margin:0}.framed *:first-child{margin-top:0}.framed *:last-child{margin-bottom:0}.title{border-bottom:1px solid var(--accent-colour);padding-bottom:.5em}.selected{color:var(--primary-colour);background-color:var(--accent-colour)}