:root{--page-width:750px;--article-width:550px;--page-gutter-width:30px;--text-color:#d9d9d9;--link-color:#b9b9b9;--text-bright:#fff;--text-muted:#888;--bg-inverted:#333;--text-inverted:#d9d9d9}html{font-family:inter;font-size:12pt;background:#000;color:var(--text-color);margin:0;padding:0;scroll-behavior:smooth}a,a:visited{color:var(--link-color);text-decoration:underline;font-weight:500;transition:300ms}a:hover{color:var(--text-bright)}p{margin-block-start:1rem;margin-block-end:1rem}h1,h2,h3,h4,h5,h6{font-family:maven pro;font-weight:600;margin-block-start:0;margin-block-end:0}h1{font-size:23pt;margin-block-start:1rem;margin-block-end:3rem}h2{font-size:18pt;margin-block-start:3rem;margin-block-end:.85rem}h3{font-size:14pt;margin-block-start:3rem;margin-block-end:.85rem}body{max-width:var(--page-width);margin:0 auto}header{margin:100px 0;display:flex;flex-direction:column;align-items:center;gap:2rem;user-select:none}header .name{font-size:18pt;font-weight:200;letter-spacing:.08rem}aside.sidebar{position:sticky;top:50px;margin-top:50px;color:var(--text-muted);display:flex;flex-direction:column;gap:2rem;text-align:right;width:calc(var(--page-width) - var(--article-width) - var(--page-gutter-width));float:left}aside.sidebar .keyvalue{display:flex;flex-direction:column;gap:.35rem;border-right:.2rem solid var(--text-muted);padding:.1rem .45rem .1rem 0}aside.sidebar .key{font-size:10pt;transition:200ms}aside.sidebar:hover .key{color:var(--text-color);font-weight:700}aside.sidebar .value{font-weight:500}aside.sidebar ul{list-style:none;margin:0;padding:0}aside.sidebar ul li{color:#888;margin:.55rem 0}aside.sidebar li ul li{margin-right:.75rem}aside.sidebar a,aside.sidebar a:visited{color:var(--text-muted);text-decoration:none}aside.sidebar a:hover{color:var(--text-bright)}article.main-article{max-width:var(--article-width);margin-left:calc(var(--page-width) - var(--article-width))}.breadcrumb{font-size:10pt;background:var(--bg-inverted);display:inline-block;padding:.2rem .5rem;border-radius:.6rem;user-select:none}.breadcrumb a,.breadcrumb a:visited{color:var(--text-inverted);text-decoration:none}.breadcrumb a:hover{color:var(--text-muted)}.breadcrumb a:not(:last-child)::after{content:' > ';color:var(--text-muted)}a.post-card{position:relative;margin-top:2rem;margin-bottom:3.5rem;display:block;text-decoration:none;transition:500ms;border-radius:1rem;padding:1rem 1rem 1rem 0}a.post-card:hover{background:var(--bg-inverted)}.post-card .metadata{position:absolute;top:3.5rem;width:calc(var(--page-width) - var(--article-width) - var(--page-gutter-width));text-align:right;font-size:10pt;color:var(--text-muted);margin:0 1rem}.post-card .metadata .keyvalue{display:flex;flex-direction:column;gap:.35rem}.post-card .post-body{max-width:var(--article-width);margin-left:calc(var(--page-width) - var(--article-width))}.post-card .summary{font-size:10pt;color:var(--text-muted);border-left:.2rem solid var(--text-muted);padding:.2rem 0 .2rem .8rem;min-height:3.2rem}.post-card .summary p{margin:0}.post-card h3{margin-top:0;margin-block-start:0;margin-block-end:0;margin-bottom:.75rem}.post-card h3 a{text-decoration:none}.footnote-ref::before{content:'['}.footnote-ref::after{content:']'}.footnotes{margin-top:5rem}.footnotes::before{content:'Voetnoten';font-family:maven pro;font-weight:600;font-size:14pt}.footnotes hr{display:none}@media screen and (max-width:700px){body{padding:1rem;min-width:200px}.article-and-sidebar{display:flex;flex-direction:column-reverse}aside.sidebar{position:relative;top:0;float:none;display:flex;flex-direction:column;margin:20px auto;max-width:var(--article-width);width:100%}aside.sidebar .keyvalue{text-align:left;border-left:.2rem solid var(--text-muted);border-right:none;padding:.1rem 0 .1rem .45rem}aside.sidebar li ul li{margin-left:.75rem}article.main-article{margin:6rem auto;flex-shrink:1}.post-card .post-body{margin-left:1rem;margin-bottom:2.5rem}.post-card .metadata{width:auto;bottom:1rem;left:1rem;top:auto;text-align:left}.post-card .metadata .keyvalue{display:flex;flex-direction:row;gap:2rem}}blockquote{display:block;margin:1rem 0;padding:.5rem 1.2rem;border-left:.15rem solid var(--text-muted);font-weight:500}div.highlight{overflow-x:scroll}footer{color:var(--text-muted);font-size:10pt;text-align:center;margin-top:8rem;margin-bottom:3rem}