@import"https://fonts.googleapis.com/css2?family=Sono:wght,MONO@200..800,1&display=swap";:root{--site-section-border: var(--border-colour) 2px solid;--site-max-width: 1000px;--sidebar-width: 240px;--inner-margins: 10px;--nav-vert-padding: 8px;--border-colour: #222;--background-colour: #111;--real-background-colour: #000;--header-colour: #ffa8e4;--text-colour: #edd}*{margin:0;padding:0}body{color:var(--text-colour);background-color:var(--real-background-colour);max-width:var(--site-max-width);margin:24px auto;line-height:1.5;font-family:Sono,monospace,serif}h1,h2,h3,h4,h5,h6,a{color:var(--header-colour)}a{text-decoration:none}header{height:400px;border:var(--site-section-border);background-color:var(--background-colour);background-image:var(--bg-url);margin-bottom:var(--inner-margins);padding:10px;position:relative}header>nav{position:absolute;right:0;bottom:0;margin-bottom:var(--nav-vert-padding);background-color:var(--background-colour);width:100%;font-size:110%}header>nav ul{list-style-type:none;display:flex;justify-content:flex-end}header>nav ul>li>a{padding:var(--nav-vert-padding) 10px;font-weight:700;text-decoration:none;text-decoration:underline solid 2px}header>nav ul>li>a:hover{text-decoration:underline solid 2px}#flex-content{display:flex;max-width:var(--site-max-width);justify-content:right}#flex-content>*{border:var(--site-section-border);background-color:var(--background-colour);padding:10px}#flex-content>aside{flex:0 0 var(--sidebar-width);margin-right:var(--inner-margins)}#flex-content>main{flex:1 1 750px}