body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit}*{box-sizing:border-box}header{position:fixed;top:0;left:0;width:100%;color:#007;background:#ccc linear-gradient(90deg,#ccc,#ddd)}header ul{display:flex;flex-flow:row wrap;justify-content:flex-start;margin:0;padding:1rem 0 0 2rem;list-style:none;font-family:bonfiggmbh,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}header li{padding:0 2rem 1rem 0}header a{text-decoration:none}.contentWrapper{display:flex;flex-direction:column;justify-content:space-between;padding:3rem 0 0;min-height:100vh}.main{padding:0 2rem}.title{font-size:2.5rem;text-align:center}footer{margin-top:2rem;color:#fff;background:#444 linear-gradient(90deg,#444,#555)}footer ul{display:flex;flex-flow:row wrap;justify-content:flex-start;margin:0;padding:1rem 0 0 2rem;list-style:none}footer li{padding:0 2rem 1rem 0}footer a{text-decoration:none}.autoNumbering{counter-reset:layer1}.autoNumbering h1:before{content:counter(layer1) " ";counter-increment:layer1}.autoNumbering h1{counter-reset:layer2}.autoNumbering h2:before{content:counter(layer1) "." counter(layer2) " ";counter-increment:layer2}.autoNumbering h2{counter-reset:layer3}.source{margin-top:4rem;border-top:thin solid #777;padding-top:1rem;color:#777}@media (prefers-color-scheme:dark){html{color-scheme:dark}}