*{line-height:1.35em}body{padding:0;margin:0;border:0;background-color:#fff;color:#222;font-family:Cantarell,Arial,sans-serif;font-size:1em;min-height:100vh;display:flex;flex-direction:column}@media screen and (min-width:55em){body{font-size:1.1em}}@media screen and (min-width:60em){body{font-size:1.2em}}h1{color:#000;margin-left:auto;margin-right:auto}header{grid-template-columns:minmax(0,1fr) [left] repeat(3,minmax(1em,13.333333em)) [right] minmax(0,1fr);grid-template-areas:"nonel logo logo logo noner" "nonel menue menue menue noner";color:#ddd;background:#335;border:0;margin:0;padding:.2em;padding-left:1em;box-shadow:.1em .1em .5em .1em #dddddd;display:grid}header *{color:#fff;padding:0;margin-left:.5em;height:min-content}header a{grid-area:logo}header h1{align-self:center;display:inline-block}header nav{grid-area:menue;align-self:end}header nav a{color:#e27a24;text-decoration:none}header nav a:hover{text-decoration:underline}header img{margin:.5em;height:5em}div.note{background-color:#ccc;padding:.5em;border-radius:.2em}div.note h5{font-size:1.1em;margin:0;margin-bottom:.1em}footer{display:block;color:#fff;background:#335;border:0;margin:0;margin-top:1em;width:100%;padding:.2em;box-shadow:.1em .1em .5em .1em #dddddd;box-sizing:border-box}main{display:grid;margin-top:1em;margin-bottom:1em;margin-left:.5em;margin-right:.5em;grid-template-columns:minmax(0,1fr) [left] repeat(3,minmax(1em,13.33333em)) [right] minmax(0,1fr)}main *{grid-column-start:left;grid-column-end:right;height:min-content}main h1:first-of-type{margin-top:.1em;margin-bottom:0}main h2{font-size:1.2em;margin-top:1.5em;margin-bottom:0}main p{margin-bottom:0;float:left}main time{color:#aaa;font-size:.9em;margin:0;margin-left:auto;margin-right:auto}main img{max-width:100%;margin:.5em;height:auto;float:right}main figure img{float:none;width:100%}main figure figcaption{font-size:.8em}main figure figcaption p{text-align:center;width:100%}div.highlight{background-color:#444;color:#ddd;padding:.2em;padding-top:.1em;padding-bottom:.1em;margin-top:1em;margin-bottom:1em;font-size:1.1em;border-radius:.2em;overflow-x:auto}div.higlight *{padding:0}nav{margin:0}nav ul{margin:0;list-style:none;padding:.1em}nav li{display:inline}