:root{--font-default: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Arial", sans-serif;--font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--default-color--light: #F0EFED;--default-color--dark: #262521;--font-size-default: 24px;--default-gap: 22px;--containerPadding: 26px 22px}:root:not(.dark){--color-light: var(--default-color--light);--color-dark: var(--default-color--dark)}@media (prefers-color-scheme: dark){:root:not(.sunshine){--color-light: var(--default-color--dark);--color-dark: var(--default-color--light)}html{color-scheme:dark}}*{box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-default)}a{color:inherit;text-decoration:none}html::-webkit-scrollbar{width:3px}html::-webkit-scrollbar-track{background:var(--color-light)}html::-webkit-scrollbar-thumb{background:var(--color-dark)}.maingrid a[href^=http]:after{content:"↗";margin-inline-start:.25em;font-size:.75em}.maingrid a[href^="/"]{border-block-end:1px solid var(--color-dark)}a:focus-visible{background-color:var(--color-dark);color:var(--color-light)}.default{background-color:var(--color-light);color:var(--color-dark);font-size:clamp(1.125rem,.8571rem + 1.1429vw,2rem)}.default *::-moz-selection{background-color:var(--color-dark);color:var(--color-light)}.default *::selection{background-color:var(--color-dark);color:var(--color-light)}.default .maingrid>nav{order:1;margin-block-start:25px}@media (min-width: 768px){.default .maingrid>nav{order:-1;margin-block-start:0;grid-column:sidebar;grid-row:1 / span 5}}.default .maingrid>*:not(nav,h1,h2,h3,h4,h5,h6){font-weight:300;font-size:clamp(1rem,.7857rem + .9143vw,1.5rem);line-height:1.5}@media (min-width: 768px){.default .maingrid>*:not(nav,h1,h2,h3,h4,h5,h6){grid-column:content}}@media (min-width: 1100px){.default .maingrid>*:not(nav,h1,h2,h3,h4,h5,h6){padding-inline-end:100px}}.default .maingrid>h1{font-size:clamp(1.125rem,.8571rem + 1.1429vw,2rem)}.default .maingrid>h2,.default .maingrid>h3,.default .maingrid>h4,.default .maingrid>h5,.default .maingrid>h6{font-size:clamp(1.125rem,.8571rem + 1.1429vw,1.6rem)}.default .maingrid>h2,.default .maingrid>h3,.default .maingrid>h4,.default .maingrid>h5,.default .maingrid>h6{margin-block-start:25px}@media (min-width: 768px){.default .maingrid>h2,.default .maingrid>h3,.default .maingrid>h4,.default .maingrid>h5,.default .maingrid>h6{margin-block-start:60px}.default .maingrid>h2+*,.default .maingrid>h3+*,.default .maingrid>h4+*,.default .maingrid>h5+*,.default .maingrid>h6+*{margin-block-start:60px}}.default .maingrid>h1{font-weight:500!important}.default .maingrid>h2,.default .maingrid>h3,.default .maingrid>h4,.default .maingrid>h5,.default .maingrid>h6{font-weight:300!important}@media (min-width: 768px){.default .maingrid>h1,.default .maingrid>h2,.default .maingrid>h3,.default .maingrid>h4,.default .maingrid>h5,.default .maingrid>h6{grid-column:outline}}.maingrid{display:grid;grid-template-columns:100%;grid-gap:1rem;padding:var(--containerPadding)}@media (min-width: 768px){.maingrid{grid-template-columns:[sidebar-start] minmax(100px,200px) [sidebar-end outline-start] minmax(150px,300px) [outline-end content-start] minmax(350px,1fr) [content-end]}}.siteheader__name{font-weight:500}.siteheader__byline{font-weight:300}.siteheader{border-block-end:1px solid var(--color-dark);padding:var(--containerPadding);display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}.mainnav.mainnav{font-weight:300;ul {list-style: none; a {display: block; border-block-end: 0; margin-block-end: .5rem;}}}.book__wrapper{width:200px;margin:0 0 75px;transform-style:preserve-3d;transform-origin:center;perspective:200px}.book__wrapper:hover .book{transform:rotateX(65deg) rotate(35deg) scale(.6)}.book{transition-duration:.5s;position:relative;transform-style:preserve-3d;transform-origin:center}.book:before{display:block;content:" ";border:1px solid grey;width:var(--bookSize, 30px);height:calc(100% - 7px);background-color:#fff;position:absolute;transform:translateY(0) translate(0) translateZ(0) rotateY(-90deg);transform-origin:right;right:0;border-block-end:0 solid transparent;background-image:linear-gradient(90deg,#fff 40%,#f6f6f6 0,#f6f6f6 50%,#fff 0,#fff 90%,#f6f6f6 0,#f6f6f6);background-size:3px 3px}.book:after{display:block;content:" ";border:1px solid grey;width:100%;height:var(--bookSize, 30px);background-color:#fff;position:absolute;transform:translateY(0) translate(0) translateZ(0) rotateX(-90deg);transform-origin:top;margin-block-start:-6px;background-image:linear-gradient(0deg,#f6f6f6 40%,#eaeaed 0,#eaeaed 50%,#f6f6f6 0,#f6f6f6 90%,#eaeaed 0,#eaeaed);background-size:3px 3px;border-inline-end:0 solid transparent}.book__image{height:auto}.bookgrid{display:grid;grid-template-columns:1fr;grid-gap:30px}@media (min-width: 1000px){.bookgrid{grid-template-columns:1fr 1fr}}img,video{width:auto;max-width:100%;max-height:100vh;height:auto}.runoverview{list-style:none}.runoverview li{border-block-end:1px solid var(--color-dark)}.runoverview__run>*{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:var(--default-gap);width:100%;padding:25px 0}.runoverview__run>a{border-block-end:0!important}.runoverview__run__date{font-size:.75em}.runoverview__run__nolink{opacity:.6}figcaption{font-style:italic}.lagevaart__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,225px));gap:1rem}