:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--hamburger-size:clamp(1em, 10vmin, 32px);--hamburger-padding:.5rem;--qr-size:308px;--default-transition:all .3s ease-in-out;--space-padding:calc((100% - min(21cm, 100%)) / 2);--space-width:min(100%, 120ex);--symbol-font-text:"Helvetica Neue","Vitesco W05 Roman",Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body:has(main[path=\/]) #navigation #hamburger.egg .slice{margin:0}body:has(main[path=\/]):not(:has(>nav#navigation>#hamburger-toggle:checked)) #navigation #hamburger.egg .slice:first-child{background:#d1b8b8;border-top:2px dotted #fff;border-radius:90% 90% 5% 5%;height:20%;margin-top:5px}body:has(main[path=\/]):not(:has(>nav#navigation>#hamburger-toggle:checked)) #navigation #hamburger.egg .slice:nth-child(2){background:#613e33;border-top:.5px solid #d80000;border-bottom:1px solid #5f4;border-radius:2px;width:95%;height:25%;margin-left:2.5%;transform:none}body:has(main[path=\/]):not(:has(>nav#navigation>#hamburger-toggle:checked)) #navigation #hamburger.egg .slice:nth-child(3){height:calc(var(--hamburger) / 3);background:#d1b8d8;border-bottom:1px hidden;border-radius:1px 1px 2px 2px;height:20%}body:has(main[path=\/]):has(>nav#navigation>#hamburger-toggle:checked) #navigation #hamburger.egg .slice:first-child{opacity:1;background:#fdd;border:none;width:40px;height:.75px;box-shadow:0 0 1px 1px #f55}body:has(main[path=\/]):has(>nav#navigation>#hamburger-toggle:checked) #navigation #hamburger.egg .slice:first-child:after{content:"";background:#444;border-radius:1px;width:8px;height:2.5px;display:block;position:absolute;top:-.875px;left:-7.75px}body:has(main[path=\/]):has(>nav#navigation>#hamburger-toggle:checked) #navigation #hamburger.egg .slice:nth-child(2){opacity:1;background:#e4e7ff;border:none;width:40px;height:.75px;box-shadow:0 0 1px 1px #78f}body:has(main[path=\/]):has(>nav#navigation>#hamburger-toggle:checked) #navigation #hamburger.egg .slice:nth-child(2):after{content:"";background:#444;border-radius:1px;width:8px;height:2.5px;display:block;position:absolute;top:-.875px;left:-7.75px}body:has(main[path=\/]):has(>nav#navigation>#hamburger-toggle:checked) #navigation #hamburger.egg .slice:first-child{animation-duration:1s}body:has(main[path=\/]):has(>nav#navigation>#hamburger-toggle:checked) #navigation #hamburger.egg .slice:nth-child(2){animation-duration:1s}body:has(main[path=\/]):has(>nav#navigation>#hamburger-toggle:checked) #navigation #hamburger.egg .slice:first-child{z-index:3;animation-name:red-sword-in;animation-timing-function:linear;top:50%;transform:rotate(-135deg)}@keyframes red-sword-in{10%{transform:translate(20px,-2px)rotate(-120deg)}45%{transform:translate(20px,1px)rotate(-135deg)}60%{transform:translate(20px,-3px)rotate(-120deg)}80%{transform:translate(24px,-15px)rotate(-40deg)}to{transform:rotate(-135deg)}}body:has(main[path=\/]):has(>nav#navigation>#hamburger-toggle:checked) #navigation #hamburger.egg .slice:nth-child(2){z-index:5;animation-name:blue-sword-in;animation-timing-function:ease-in;top:calc(50% - .75px);left:0;transform:rotate(-45deg)}@keyframes blue-sword-in{10%{transform:translate(-10px)rotate(-45deg)}65%{transform:translate(-12px,2px)rotate(-50deg)}70%{transform:translate(-12px,-1px)rotate(-40deg)}80%{transform:translate(-30px,30px)rotate(-160deg)}90%{transform:translate(-25px,35px)rotate(-255deg)}to{transform:rotate(-45deg)}}body:has(main[path=\/]):has(>nav#navigation>#hamburger-toggle:checked) #navigation #hamburger.egg .slice:nth-child(3){opacity:1;z-index:4;background:radial-gradient(#ff0,rgba(255,255,255,.063),rgba(255,255,0,0));border:none;width:16px;height:16px;padding:0;animation-name:sword-sparcles;animation-duration:1s;top:calc(50% - 9.5px);left:13.3921px;transform:scale(.8)}@keyframes sword-sparcles{0%{opacity:0;transform:scale(.2)}95%{opacity:0;transform:scale(.2)}98%{opacity:1;transform:scale(2)}}#navigation{z-index:1000;grid-area:menu-start/menu-start/menu-end/menu-end;width:fit-content;height:100%;margin:0;padding:0;top:0;left:0}body:has(>nav#navigation>#hamburger-toggle:checked) #navigation{background:#badbad}body:not(:has(>nav#navigation>#hamburger-toggle:checked)) #navigation{transform-origin:0 0;--menu-padding:calc(var(--hamburger-size) + 2 * var(--hamburger-padding))}body:not(:has(>nav#navigation>#hamburger-toggle:checked)) #navigation #hamburger{position:relative;left:0}body:not(:has(>nav#navigation>#hamburger-toggle:checked)) #navigation #menu{opacity:.3}#navigation #menu{visibility:hidden;height:calc(100% - var(--menu-padding));z-index:100;transform-origin:0 0;opacity:.3;margin:0;padding-left:0;transition:all .15s ease-out .1s;top:0;left:0;transform:rotateY(-90deg)}#navigation #menu li{list-style:none}#navigation #menu li a{padding:1rem;text-decoration:none;display:block}#navigation #hamburger-toggle{opacity:0;cursor:pointer;width:0;height:0;margin:0;position:absolute;overflow:visible}#navigation #hamburger-toggle:not(:checked)~#hamburger .slice:nth-child(2){transform:rotate(720deg)}#navigation #hamburger-toggle:checked~#menu{visibility:visible;opacity:1;transform:rotateX(0)}#navigation #hamburger-toggle:checked~#hamburger .slice{--border-size:2px;background-color:#fff}#navigation #hamburger-toggle:checked~#hamburger .slice:first-child{z-index:0;top:25%;transform:rotate(45deg)}#navigation #hamburger-toggle:checked~#hamburger .slice:nth-child(3){z-index:0;top:calc(-25% - var(--hamburger-size) - var(--border-size) * 4 + var(--slice-height));transform:rotate(-45deg)}#navigation #hamburger-toggle:checked~#hamburger .slice:nth-child(2){z-index:-1;border:var(--border-size) solid #aacb9d;border-radius:var(--hamburger-size);top:calc(-50% - var(--border-size) - var(--slice-height) / 2);left:calc(0px - var(--border-size));height:var(--hamburger-size);background-color:transparent;transform:rotate(0)}#navigation #hamburger{z-index:1100;padding:var(--hamburger-padding);cursor:pointer;width:var(--hamburger-size);height:var(--hamburger-size);margin-bottom:calc(-var(--hamburger-size) - var(--hamburger-padding));box-sizing:content-box;display:block}#navigation #hamburger .slice{--slice-height:2px;width:100%;margin-top:calc(33% - var(--slice-height));top:calc((33% - var(--slice-height)) / -2);height:var(--slice-height,2px);border-radius:var(--slice-height);opacity:.9;background:var(--lightningcss-light,#000)var(--lightningcss-dark,#888);display:block;position:relative}:root{--button-margin:3px;--open-burger-leak-down:1cm;--open-burger-leak-right:5cm;--top-left-rounding:1cm;--burger-background:#c9f;--space-main-background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);--space-body-background:var(--lightningcss-light,#000)var(--lightningcss-dark,#222)}@supports not (offset-path:shape(from 0 0, move to 0 0)){:root{--open-burger-leak-down:0cm}}ul#blog-entries>li:not(:first-of-type){border-top:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);margin-top:.5em;padding-top:.5em}ul#blog-entries>li a{text-decoration:none}ul#blog-entries>li,ul#blog-entries>li li{list-style-type:none}ul#blog-entries>li ul.tags li,ul#blog-entries>li li ul.tags li{clear:none}ul#blog-entries>li ul.tags li a,ul#blog-entries>li li ul.tags li a{color:var(--lightningcss-light,#555)var(--lightningcss-dark,bbb)}ul#blog-entries>li ul.tags li a:before,ul#blog-entries>li li ul.tags li a:before{content:"#"}@media screen{body:has(main[path^=\/clog]){background:var(--space-body-background);grid-template-columns:[menu-start] 0px [menu-end] 1fr [main-start] var(--space-width) [main-end] 1fr}body:has(main[path^=\/clog]) main{background:var(--space-main-background);border-radius:var(--top-left-rounding) var(--top-left-rounding) 0 0;z-index:5;padding:1em;position:relative;top:0;left:0}body:has(main[path^=\/clog]):has(>nav#navigation>#hamburger-toggle:checked){grid-template-columns:[menu-start] max-content [menu-end] 1fr [main-start] var(--space-width) [main-end] 1fr}body:has(main[path^=\/clog]) nav#navigation{text-transform:uppercase}body:has(main[path^=\/clog]):not(:has(>nav#navigation>#hamburger-toggle:checked)) nav#navigation{pointer-events:none}body:has(main[path^=\/clog]):not(:has(>nav#navigation>#hamburger-toggle:checked)) nav#navigation #hamburger{pointer-events:all}body:has(main[path^=\/clog]):has(>nav#navigation>#hamburger-toggle:checked) nav#navigation{background:0 0}body:has(main[path^=\/clog]) nav#navigation #hamburger .slice{background:var(--burger-background)}body:has(main[path^=\/clog]) nav#navigation #hamburger .slice:nth-child(2){clip-path:shape(from 100% 0px, curve to calc(100% - var(--top-left-rounding)) var(--hamburger-size) with 100% var(--hamburger-size), line to calc(100% - var(--open-burger-leak-right) + var(--top-left-rounding)) calc(100% - var(--open-burger-leak-down)), curve to calc(100% - var(--open-burger-leak-right)) calc(100% - var(--open-burger-leak-down) + var(--top-left-rounding)) with calc(100% - var(--open-burger-leak-right)) calc(100% - var(--open-burger-leak-down)), line to calc(100% - var(--open-burger-leak-right)) 100%, line to 0 100%, line to 0 0)}body:has(main[path^=\/clog]) nav#navigation #hamburger .slice:first-child{transform:none}body:has(main[path^=\/clog]) nav#navigation #hamburger .slice:nth-child(2){transform:none}body:has(main[path^=\/clog]) nav#navigation #hamburger .slice:nth-child(3){transform:none}body:has(main[path^=\/clog]):not(:has(>nav#navigation>#hamburger-toggle:checked)) nav#navigation #hamburger .slice:nth-child(2){transform:none}body:has(main[path^=\/clog]):has(>nav#navigation>#hamburger-toggle:checked) nav#navigation #hamburger{width:3cm;width:calc(100% + var(--open-burger-leak-right) - var(--button-margin) * 2);margin:var(--button-margin);padding:0;position:relative}body:has(main[path^=\/clog]):has(>nav#navigation>#hamburger-toggle:checked) nav#navigation #hamburger .slice{--button-width:calc(100% - var(--open-burger-leak-right) - var(--button-margin) * 2);background:#000;position:absolute}body:has(main[path^=\/clog]):has(>nav#navigation>#hamburger-toggle:checked) nav#navigation #hamburger .slice:first-child{top:calc(100% + var(--hamburger-size));left:calc(100% - var(--open-burger-leak-right) - .5cm);pointer-events:none;opacity:.2;width:.5cm;height:2px;margin:0;padding:0}body:has(main[path^=\/clog]):has(>nav#navigation>#hamburger-toggle:checked) nav#navigation #hamburger .slice:nth-child(3){top:calc(100% + var(--hamburger-size));left:calc(100% - var(--open-burger-leak-right) - .5cm);pointer-events:none;opacity:.2;width:.5cm;height:2px;margin:0;padding:0}@supports not (offset-path:shape(from 0 0, move to 0 0)){body:has(main[path^=\/clog]):has(>nav#navigation>#hamburger-toggle:checked) nav#navigation #hamburger .slice:first-child{top:.25cm;left:1em}body:has(main[path^=\/clog]):has(>nav#navigation>#hamburger-toggle:checked) nav#navigation #hamburger .slice:nth-child(3){top:.25cm;left:1em}}body:has(main[path^=\/clog]):has(>nav#navigation>#hamburger-toggle:checked) nav#navigation #hamburger .slice:nth-child(2){background:var(--burger-background);opacity:1;height:calc(var(--hamburger-size) + var(--open-burger-leak-down));background:var(--burger-background);border:0 solid;border-radius:2cm 0 0;margin:0;top:0;left:0;transform:none}@supports not (offset-path:shape(from 0 0, move to 0 0)){body:has(main[path^=\/clog]):has(>nav#navigation>#hamburger-toggle:checked) nav#navigation #hamburger .slice:nth-child(2){border-radius:2cm 0}}body:has(main[path^=\/clog]):has(>nav#navigation>#hamburger-toggle:checked) nav#navigation #hamburger .slice:nth-child(2):after{content:"Captains log";color:#000;width:100%;height:100%;margin-top:calc(((var(--hamburger-size)) - 1em) / 2);text-align:center;vertical-align:center;display:block}body:has(main[path^=\/clog]) nav#navigation #menu{margin-top:calc(var(--open-burger-leak-down) + var(--button-margin))}body:has(main[path^=\/clog]) nav#navigation #menu li{margin:var(--button-margin);text-align:right;vertical-align:bottom}body:has(main[path^=\/clog]) nav#navigation #menu li a{margin:0;padding:calc(2rem - .5ex) .5ex .5ex calc(2rem - .5ex)}body:has(main[path^=\/clog]) nav#navigation #menu li:first-child{background:#89f}body:has(main[path^=\/clog]) nav#navigation #menu li:nth-child(2){background:#c44}body:has(main[path^=\/clog]) nav#navigation #menu li:nth-child(3){background:#cc6}body:has(main[path^=\/clog]) nav#navigation #menu:after{content:"";margin:var(--button-margin);width:calc(100% - var(--button-margin) * 2);background:#f80;border-radius:0 0 2cm;height:3cm;display:block}}div.contact,div.contact *{text-align:center}div.contact div.qr-code{margin-top:1em;display:block}div.contact div.qr-code img,div.contact div.qr-code canvas{aspect-ratio:1;width:100%}div.contact div.qr-code,div.contact div.qr-code img,div.contact div.qr-code canvas{image-rendering:pixelated}div.contact div.qr-code img,div.contact div.qr-code div#canvasHolder{width:min(var(--qr-size), 100%)}div.contact div.qr-code noscript>img:after{content:"";clear:both;width:0;height:0;display:block}div.contact div.qr-code div#canvasHolder{clear:both;display:inline-block;position:relative}div.contact div.qr-code div#canvasHolder canvas{top:0;left:0}div.contact div.qr-code div#canvasHolder canvas:first-child{z-index:0;position:relative}div.contact div.qr-code div#canvasHolder canvas:nth-child(2){z-index:1;position:absolute}a[href^="https://linkedin.com"],a[href="https://www.linkedin.com"]{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);font-weight:700;text-decoration:none}a[href^="https://linkedin.com"]:before,a[href="https://www.linkedin.com"]:before{content:"in";color:#fff;background:#1565c0;border-radius:3px;margin-right:.5ex;padding:0 3px;display:inline-block;box-shadow:0 0 4px rgba(0,0,0,.3)}a[href^="https://youtube.com/"],a[href="https://www.youtube.com/"],a[href="https://youtu.be/"]{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);font-weight:700;text-decoration:none}a[href^="https://youtube.com/"]:before,a[href="https://www.youtube.com/"]:before,a[href="https://youtu.be/"]:before{content:"▸";color:#fff;background:#f03;border-radius:5px;margin-right:.5ex;padding:0 1.2ex;display:inline-block;box-shadow:0 0 4px rgba(0,0,0,.3)}nav a{color:#000;margin:1ex;text-decoration:none}nav a[aria-current=page]{font-weight:700}*{transition:var(--default-transition)}body{grid-template-columns:[menu-start]0[menu-end main-start]0 100% 0[main-end];grid-template-rows:[menu-start] calc(var(--hamburger-size) + var(--button-margin) * 2) [main-start] auto [main-end] 0px [menu-end];height:100vh;margin:0;display:grid;overflow-x:hidden}body:has(>nav#navigation>#hamburger-toggle:checked){grid-template-columns:[menu-start]max-content[menu-end]0[main-start]100%[main-end]0}@media print{body{grid-template-rows:0[main-start]auto[main-end]0!important;grid-template-columns:0 0[main-start]auto[main-end]0!important}body nav{display:none}body main{text-color:#000;background:#fff!important;border-radius:0!important}}body main{grid-area:main-start/main-start/main-end/main-end;padding:1em}body main img{max-width:100%}body main del{background:rgba(255,0,0,.2)}body main ins{background:rgba(0,255,0,.2);text-decoration:none}body:has(main[path=\/]){background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#222)}body:has(main[path=\/]) main{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#222)}body:has(main[path=\/]) nav#navigation:not(.beta-nav){display:none}body div.note{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);background:var(--lightningcss-light,#a4cefe)var(--lightningcss-dark,#044c9f);border-radius:.25em;padding:.5em .5em .5em 2.5em}body div.note:before{content:"ℹ";font:var(--symbol-font-text);text-rendering:optimizelegibility;width:0;height:0;font-family:u1f400;display:block;position:relative;left:-1.5em;overflow:visible}body kbd{color:#333;white-space:nowrap;text-transform:capitalize;background-color:#eee;border:1px solid #b4b4b4;border-radius:3px;padding:2px 4px;font-size:.85em;font-weight:700;line-height:1;display:inline-block;box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 2px rgba(255,255,255,.7)}