@-webkit-keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes fadeOutHeader{0%,55%{opacity:1}100%{opacity:0}}@keyframes fadeOutHeader{0%,55%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeInData{0%,55%{opacity:0}100%{opacity:1}}@keyframes fadeInData{0%,55%{opacity:0}100%{opacity:1}}@-webkit-keyframes infinite-spinning{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes infinite-spinning{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes blob{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes blob{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}html{height:100%}body{margin:0;padding:0;background:#084a29 url(../images/achtergrond.jpg);background-size:cover;color:#fff;font-family:capitana,sans-serif;font-weight:500;font-size:12px;line-height:1.35em;letter-spacing:.03em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.animated{height:100%}@media (min-width:640px){body{font-size:16px}}@media (min-width:992px){body{font-size:18px}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2em;margin:0 0 .5em}a,a:link,a:visited{color:#fff;text-decoration:underline;-webkit-transition:color 250ms cubic-bezier(.22,1.03,.69,.97);transition:color 250ms cubic-bezier(.22,1.03,.69,.97)}a:active,a:focus,a:hover{color:rgba(255,255,255,.7)}p{margin:0 0 1em}.menu{padding:20px 30px 0}.menu li,.menu ul{list-style:none}.menu ul{padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:0 18px;-ms-flex-line-pack:stretch;align-content:stretch}.menu ul li{position:relative;z-index:100;-ms-flex-item-align:center;align-self:center}.menu ul li.info{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:right}.menu ul li.info a{text-align:left}.menu a{text-decoration:none;font-size:18px;font-weight:900;text-transform:uppercase}.menu a.instagram{display:block;width:22px;height:22px;background-size:22px 22px;background-repeat:no-repeat;text-indent:-999px;overflow:hidden;background-image:url(../images/instagram.svg)}.menu a.mail{display:block;width:24px;height:22px;background-size:24px 22px;background-repeat:no-repeat;text-indent:-999px;overflow:hidden;background-image:url(../images/mail.svg)}.menu a.instagram,.menu a.mail{-webkit-filter:brightness(1000);filter:brightness(1000)}body.animated .menu li{opacity:0}body.gravity.falling .menu li{-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in;opacity:1}body.gravity.falling .menu li:nth-child(2){-webkit-transition-delay:350ms;transition-delay:350ms}body.gravity.falling .menu li:nth-child(3){-webkit-transition-delay:.7s;transition-delay:.7s}@media (min-width:992px){.menu{padding:40px 40px 0}.menu a{font-size:21px}.menu a.instagram{display:block;width:33px;height:33px;background-size:33px 33px;background-repeat:no-repeat;text-indent:-999px;overflow:hidden}.menu a.mail{display:block;width:36px;height:33px;background-size:36px 33px;background-repeat:no-repeat;text-indent:-999px;overflow:hidden}}body.info .menu a{color:#084a29}body.info .menu a.instagram,body.info .menu a.mail{-webkit-filter:none;filter:none}body.info .menu li.info a{display:block;width:22px;height:22px;background-size:22px 22px;background-repeat:no-repeat;text-indent:-999px;overflow:hidden;display:inline-block;background-image:url(../images/close.svg)}@-webkit-keyframes caret{0%,100%{opacity:1}50%{opacity:0}}@keyframes caret{0%,100%{opacity:1}50%{opacity:0}}.intro{text-align:center;padding-top:100px}.intro h1{position:absolute!important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal}.intro__data .typing:after{content:"";display:inline-block;width:.5em;border-bottom:2px solid currentColor;-webkit-transition:opacity 350ms ease-out;transition:opacity 350ms ease-out;-webkit-animation:caret .5s steps(1) infinite;animation:caret .5s steps(1) infinite}.intro h2{font-weight:500;font-size:25px}.intro h3{font-weight:900;font-size:22px;text-transform:uppercase}.intro p{font-weight:500;font-size:18px;line-height:29px}.intro a{text-decoration:none;position:relative;z-index:100}.intro h2,.intro h3,.intro p a,.intro p span{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}body.animated.info .intro a{z-index:0}@media (min-width:640px){.intro br{display:none}.intro h2{font-size:42px;margin-bottom:.15em}.intro h3{font-size:38px;margin-bottom:.25em}.intro p{font-size:26px}.intro p a{display:inline-block;margin-left:1em}}body.animated .intro__data{padding-top:50px;opacity:0}@media (min-width:640px){body.animated .intro__data{padding-top:0;position:absolute;left:30px;top:30px;right:30px;bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}body.gravity.falling .intro__data{opacity:1}.about{margin-top:50px}body.animated:before{content:" ";display:block;position:absolute;z-index:0;left:0;top:0;right:0;bottom:0;background-color:#fff;-webkit-transition:opacity .5s cubic-bezier(.22,1.03,.69,.97);transition:opacity .5s cubic-bezier(.22,1.03,.69,.97);opacity:0}body.animated.info:before{opacity:1}body.animated .about{position:fixed;z-index:20;left:30px;top:100px;right:30px;bottom:0;color:#084a29;margin:0;overflow:auto;padding:0 30px;-webkit-transform:translate3d(0,75px,0);transform:translate3d(0,75px,0);opacity:0;-webkit-transition:opacity .4s 250ms cubic-bezier(.22,1.03,.69,.97),-webkit-transform 650ms cubic-bezier(.22,1.03,.69,.97);transition:opacity .4s 250ms cubic-bezier(.22,1.03,.69,.97),-webkit-transform 650ms cubic-bezier(.22,1.03,.69,.97);transition:opacity .4s 250ms cubic-bezier(.22,1.03,.69,.97),transform 650ms cubic-bezier(.22,1.03,.69,.97);transition:opacity .4s 250ms cubic-bezier(.22,1.03,.69,.97),transform 650ms cubic-bezier(.22,1.03,.69,.97),-webkit-transform 650ms cubic-bezier(.22,1.03,.69,.97);pointer-events:none}body.animated .about h2{display:none}body.animated .about__bottom{padding:0 0 60vw;font-weight:300;font-size:.8em}@media (min-width:640px){body.animated .about__bottom{padding:0 0 18vw}}body.animated.info .about{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;-webkit-transition:opacity 250ms cubic-bezier(.22,1.03,.69,.97),-webkit-transform 650ms cubic-bezier(.22,1.03,.69,.97);transition:opacity 250ms cubic-bezier(.22,1.03,.69,.97),-webkit-transform 650ms cubic-bezier(.22,1.03,.69,.97);transition:opacity 250ms cubic-bezier(.22,1.03,.69,.97),transform 650ms cubic-bezier(.22,1.03,.69,.97);transition:opacity 250ms cubic-bezier(.22,1.03,.69,.97),transform 650ms cubic-bezier(.22,1.03,.69,.97),-webkit-transform 650ms cubic-bezier(.22,1.03,.69,.97);pointer-events:all}@media (min-width:992px){body.animated .about{top:90px}body.animated .about__inner{padding-top:80px;max-width:840px;margin:0 auto}}canvas{position:fixed;z-index:10;left:0;bottom:0;width:100%!important;height:auto}