header{padding:20px 20px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}header img{padding-bottom:10px}header h1{color:var(--accompanying-color);font-weight:400;padding:0 0 10px 10px}.main-navigation{height:40px;line-height:40px;background-color:var(--darkest-color);box-shadow:-5px -5px 1px 1px var(--light-background-color)}.main-navigation a{border-right:1px solid white;padding:0 10px;text-decoration:none;color:#fff;font-weight:700}.main-navigation a:hover{text-decoration:underline}.main-navigation a:last-of-type{border-right:none}footer{line-height:40px;border-top:1px solid var(--accompanying-color)}footer a{text-decoration:underline;border-right:1px solid var(--dark-color);padding:0 10px;color:#000}footer a:hover{text-decoration:none}footer a:last-of-type{border-right:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--darkest-color: black;--dark-color: slategray;--light-background-color: #cdcdcd;--lightter-background-color: #efefef;--accompanying-color: palevioletred}body{margin:0}#container{display:flex;flex-direction:column;min-height:100dvh;width:100%;max-width:1080px;margin:auto}#content{flex:1;height:100vh}a{color:var(--accompanying-color)}main{padding:0 10px}h1{font-size:1.4em}h2{font-size:1.3em}h3{font-size:1.1em}h1,h2,h3,h4{margin-block-start:.5em;margin-block-end:.5em;color:var(--dark-color)}strong{color:var(--dark-color)}p{margin-block-start:.8em;margin-block-end:.8em}blockquote{display:inline-block;box-shadow:2px 2px 1px 1px var(--accompanying-color);margin:5px 0 10px;padding:5px 15px;border-radius:10px}em{font-size:.9em}figure{display:inline-block;float:right;border:1px solid var(--accompanying-color);padding:10px;text-align:center}figcaption{font-size:.8em;font-style:italic;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}#blog ol{list-style-type:none;padding-left:0;margin:10px 0 0}#blog ol li{display:inline;border-right:1px solid var(--dark-color);padding:0 10px}#blog ol a{text-decoration:none;font-weight:700;color:var(--accompanying-color)}#blog ol li:last-of-type{border-right:none}#blog-content{display:flex}#blog-content article{width:80%}#blog-content nav{padding-left:20px}#blog-content ul{list-style-type:none;padding-left:0;margin:10px 0 0}#blog-content ul a{padding:4px 0;font-size:.9em}#blog-content ul a.selected{font-weight:bolder}