@charset "UTF-8";:root{color-scheme:light dark;font-size:25px;--light:#fff;--dark:#2b2b2b;--bg:var(--light);--fg:var(--dark);--grey:#F2F2F2;--primary:#45AAE7;--padding:.5rem}@media (max-width:800px){:root{font-size:6.3vw}}@media (min-width:1200px){:root{font-size:35px}}@media (prefers-color-scheme:dark){:root{--bg:var(--dark);--fg:var(--light);--grey:#1A1A1A}}body,html{font-size:1rem;margin:0;padding:0;overflow-x:hidden}body{box-sizing:border-box;width:100%;background:var(--grey);color:var(--fg);font-family:Manrope,system-ui,-apple-system,Roboto,sans-serif;font-weight:400}body *,body ::after,body ::before{box-sizing:border-box}main{position:relative;display:block;overflow-y:scroll;overflow-x:hidden;max-height:unset;height:auto}.h1,.h2,.h3,.h4,h1,h2,h3,h4,strong{font-family:Manrope,system-ui,-apple-system,Roboto,sans-serif;font-weight:400;line-height:1.2;margin:0}.h1,h1{font-size:2rem}.h2,h2,strong{font-size:1rem}.h3,.h4,h3,h4{font-size:1rem;font-weight:500}.light{opacity:.7}li,p{font-size:.7rem;line-height:1.3;letter-spacing:.01rem;margin:0}b,em{font-weight:600;letter-spacing:-.015em}li{margin:0}a{font-size:.7rem;font-weight:400;display:block;color:var(--fg);text-decoration:none;cursor:pointer;line-height:1.4}button{all:unset;cursor:pointer}img{display:block;width:100%;max-height:90vh;-o-object-fit:cover;object-fit:cover;z-index:0}.padding{padding:var(--padding)}@media (min-width:800px){br.s{display:none}}.hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;position:absolute}.transition-main{transition:all .4s ease-out;opacity:1}html.is-animating .transition-main{opacity:0}.scroller{transition:all .7s cubic-bezier(.14,.52,.25,.99)}.scroller.fade-left{transform:translateX(-30%);opacity:0}.scroller.fade-right{transform:translateX(30%);opacity:0}.scroller.fade-up{transform:translateY(30%);opacity:0}.scroller.fade-boldify{font-variation-settings:'wght' 200;opacity:0}.scroller.scroller-in{opacity:1;transform:none}.scroller.scroller-in.fade-boldify{font-variation-settings:'wght' 800}.grid{margin:2rem auto;--card-size:15rem;--gap:var(--padding);width:-webkit-max-content;width:-moz-max-content;width:max-content;display:grid;grid-template-columns:repeat(2,var(--card-size));grid-auto-rows:calc((var(--card-size)/ 2) - var(--gap)/ 2);gap:var(--gap);perspective:3000px;overflow:visible}@media (max-width:800px){.grid{margin:var(--padding) auto;grid-template-columns:var(--card-size)}}.card{position:relative;width:var(--card-size);height:var(--card-size);width:100%;height:100%;transform-style:preserve-3d;overflow:visible;transition:transform .6s cubic-bezier(.41,1.35,.58,.99);cursor:pointer;grid-row-end:span 2}.card .back,.card .front{position:absolute;top:0;left:0;display:flex;flex-flow:column nowrap;width:100%;height:100%;background:var(--bg);border-radius:.25rem;padding:var(--padding);gap:var(--padding);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.card .back h2,.card .back strong,.card .front h2,.card .front strong{width:90%}.card .back picture,.card .back video,.card .back>img,.card .front picture,.card .front video,.card .front>img{-o-object-fit:cover;object-fit:cover;width:100%;height:0;flex-grow:1;border-radius:.08rem}.card .back::after,.card .front::after{content:'';position:absolute;bottom:0;right:0;width:1rem;height:1rem;background-color:var(--fg);opacity:0;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%);border-bottom-right-radius:.7rem;transform:scale(0);transform-origin:bottom right;transition:all .3s cubic-bezier(.14,.52,.25,.99)}.card .back:hover::after,.card .front:hover::after{transform:none;border-bottom-right-radius:.25rem;opacity:.15}.card .back{transform:rotateY(180deg)}.card.flipped{transform:rotateY(180deg)}.card.half-size{grid-row-end:span 1}#name{text-align:right;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>👋</text></svg>") 16 0,auto}#name .back,#name .front{padding-right:.6rem}#name h1{font-size:3rem;line-height:1}#name .back h1{letter-spacing:-1px}#muziekfabriek .back{background-color:#f8d268;color:var(--dark)}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem!important}.image-grid{display:grid;width:100%;height:100%;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--gap);justify-items:stretch;align-items:stretch}.image-grid img{border-radius:.08rem}.button{display:inline-block;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:.25rem .5rem;background:var(--fg);color:var(--bg);border-radius:2rem;transition:all .15s cubic-bezier(.14,.52,.25,.99)}.button.dark{background:var(--dark);color:var(--light)}.button:hover{transform:scale(1.05);opacity:.9}.button:active{transform:scale(.95)}.button[target]::after{content:"➚";margin-left:.5em;opacity:.5;width:0}@media (prefers-color-scheme:dark){.dark-invert{filter:invert(1)}}.project-label{position:absolute;top:0;left:0;font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.04rem;background:var(--bg);padding:.35rem .3rem .3rem .5rem;border-radius:.2rem}.click-label{position:absolute;bottom:var(--padding);right:var(--padding);font-size:.5rem;font-weight:700;text-transform:uppercase;opacity:.6;letter-spacing:.04rem}@media (min-width:800px){.click-label{font-size:.4rem}}footer{width:100%;max-width:800px;text-align:center;margin:2rem auto;padding:1rem;opacity:.7}footer *{font-size:.5rem}footer a{display:inline;font-weight:700;text-decoration:underline}footer a:hover{text-decoration:none;opacity:.7}#page-content{width:100%;padding:var(--padding);max-width:800px;margin:2rem auto 0 auto}#page-content li,#page-content p{font-size:.5rem;line-height:1.5}@media (max-width:800px){#page-content li,#page-content p{font-size:.75rem}}#page-content *{margin:1rem 0}#page-content section{background:var(--bg);border-radius:.25rem;width:100%;padding:.1rem 1rem}#page-content section.columns{display:flex;gap:var(--padding);flex-direction:row;align-items:center}#page-content section.columns *{width:10%;flex-grow:1}@supports (translate:0){#back-button{margin-left:50%;translate:-50%}}.page-name-label{position:fixed;top:.5rem;left:.5rem;font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.02rem;opacity:.7;z-index:999;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>✌️</text></svg>") 16 0,auto;transition:all .5s cubic-bezier(.41,1.35,.58,.99);padding:.5rem}.page-name-label:hover{transform:rotate(360deg)}