@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--blue:#373c8f;--yellow:#f9d649;--green:#62c8a2;--cyan:#8bd0e2;--background-color:#fff}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:lato--regular,Helvetica,Arial,sans-serif;font-size:100%;line-height:1.5em}body{background-color:var(--background-color);color:var(--blue);margin:0;padding:0;line-height:1.5}a{color:var(--green)}.container{max-width:75rem;margin-left:auto;margin-right:auto}.bold{font-weight:600}.italic{font-style:italic}.text-center{text-align:center}.flex-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.h1{text-align:center;max-width:60rem;margin:2rem auto 1rem;font-size:2rem}.h1 span{display:inline-block;position:relative}.h1 span:before{content:"";background-color:var(--yellow);z-index:-1;width:100%;height:80%;display:block;position:absolute;top:10%;transform:skew(-10deg)rotate(-1deg)}.h2{max-width:60rem;margin:3rem auto 1rem}a.btn{color:#fff;opacity:1;-webkit-appearance:button;cursor:pointer;background:#373c8f;border:0;border-radius:1.5rem;padding:.5rem 1.5rem;font-size:1.125rem;font-weight:400;line-height:1.2;text-decoration:none;transition:all .2s}a.btn:hover{color:#000;background:#ffd600}header{color:#fff;z-index:9999;background:#8bd0e2;width:100%;position:fixed;box-shadow:0 1px 4px #14323d80}header>.container{box-sizing:border-box;flex-flow:row;align-content:space-between;width:100%;padding:10px;display:flex}header>.container>.branding{flex-flow:row;display:flex}header>.container>.branding>.logo img{width:4rem;height:100%}header>.container>.branding>.slogan{flex-flow:row;display:flex}header>.container>.branding>.slogan>span{color:#373c8f;flex-flow:row;margin:0;padding:0 0 0 1rem;font-size:1.5rem;font-weight:600;display:flex}header>.container>.branding>.slogan>span.maak{align-items:start}header>.container>.branding>.slogan>span.start{align-items:center}header>.container>.branding>.slogan>span.speel{align-items:end}header>.container>nav{flex-flow:row;flex-grow:1;justify-content:flex-end;align-self:center;display:flex}header>.container>nav>ul{flex-direction:row;align-items:flex-end;gap:0 10px;margin:0;padding:0;list-style:none;display:flex}header>.container>nav>ul>li{margin:0;padding:0;list-style:none;display:block}header>.container>nav>ul>li>a{display:block}main{margin:0 auto;padding:7rem 10px 0}p{max-width:38rem}p+p{margin-top:1rem}.intro{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin:2rem 0;display:flex}.intro .intro__image{max-width:16rem;height:auto}.gallery{flex-flow:wrap;justify-content:center;gap:1rem;width:100%;margin:1rem auto;padding:0;list-style-type:none;display:flex}.gallery li{position:relative}.gallery img{max-width:16rem;position:relative}.gallery li:before{content:"";background-color:var(--yellow);width:100%;height:100%;display:block;position:absolute;top:6px;left:6px}.gallery li:first-child:before{background-color:var(--green)}.gallery li:last-child:before{background-color:var(--cyan)}.faq{max-width:36rem;margin:3rem auto 2rem}.faq .h2{text-align:center;margin:0 auto 1rem}.faq .faq__item{margin-bottom:1rem}.faq .faq__item+.faq__item{border-top:1px dashed var(--green);padding-top:1.5rem}.faq .faq__item summary{cursor:pointer;font-size:1.125rem;font-weight:600}footer{border-top:2px solid #f6f6f6;margin-top:2rem}.partners{flex-flow:row;justify-content:center;gap:0 10px;padding:30px 20px 20px;display:flex}footer>.action-buttons{flex-flow:row;justify-content:center;gap:0 10px;padding-bottom:30px;display:flex}footer>.bottom-footer{text-align:center;background:#323232;padding:20px}@media only screen and (width<=37.5rem){header>.container>.branding>.slogan,header>.container>nav>ul{flex-direction:column}header>.container>nav{align-self:flex-start}header>.container>nav>ul{gap:10px 0}.text-center{text-align:left}}iframe{vertical-align:bottom}p.bottom-padding{padding-bottom:1rem}
