body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;scroll-behavior:smooth;scrollbar-color:#1db90c #322b2b}body{background-color:#ebf3ff;font-family:Akt,Helvetica,Arial,sans-serif;margin:0}button,h1,h2,h3,h4,h5,h6{font-family:Vina Sans,Helvetica,Arial,sans-serif;font-weight:400!important}button,h1,h2,h3,h4,p,span{color:#322b2b}a,b{color:#1db90c}a:hover{color:#2f7437}h1{font-size:clamp(3.052rem,2.21rem + 4.21vw,4.5rem)}h2{font-size:clamp(3.5rem,2.88rem + 2.81vw,5.356rem)}h3{font-size:clamp(1.83rem,1.39rem + 1.6vw,2.667rem)}h4{font-size:clamp(1.563rem,1.34rem + 1.11vw,2rem)}h5{font-size:clamp(1.25rem,1.12rem + .64vw,1.5rem)}h6,p{font-size:clamp(1rem,1.254rem + .32vw,1.5rem)}p{line-height:1.3}.underline{text-decoration:underline;-webkit-text-decoration-color:#1db90c;text-decoration-color:#1db90c;text-decoration-thickness:3px}button{background:none;border:none;cursor:pointer;display:inline-block;font-family:Vina sans,Arial,Helvetica,sans-serif;font-size:clamp(1.83rem,1.39rem + 1.6vw,2.667rem);padding:.25rem 1rem;position:relative;text-decoration:none}button span{position:relative;z-index:1}button:before{background:#20c000;content:"";inset:0;position:absolute;z-index:-1}button.tilt-right:before{transform:rotate(-2deg)}button.tilt-left:before{transform:rotate(2deg)}button.tilt-right:hover:before{animation:tilt-right-bounce .3s}button.tilt-left:hover:before{animation:tilt-left-bounce .3s}@keyframes tilt-right-bounce{0%{transform:rotate(-2deg)}49%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}49%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}@keyframes tilt-left-bounce{0%{transform:rotate(2deg)}50%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}header{align-items:center;display:flex;flex-flow:column;min-height:80vh;padding:5vh 0}header .site-title img{display:block;height:auto;width:clamp(300px,40vw,1200px)}header .site-subtitle img{display:block;height:auto;width:clamp(300px,30vw,900px)}header .header-buttons{display:flex;gap:3vw;justify-content:center;padding:10vh 0;width:clamp(250px,80vw,2200px)}header #header-corner-decoration{left:0;position:absolute;top:0;z-index:10}header #header-side-decoration{position:absolute;right:0;top:25%;z-index:10}@media screen and (max-width:768px){header .header-buttons{align-items:center;flex-flow:column wrap;gap:2.5vh}}.introduction-block{display:flex;flex-flow:column;gap:0;justify-content:center}.introduction-block img.upper-divider{margin-bottom:-1px}.introduction-block img.lower-divider{margin-top:-1px}.introduction-block .intro-stars img#star-1,.introduction-block .intro-stars img#star-2{bottom:0;left:10vw;position:relative;width:10vh;z-index:2}.introduction-block .intro-stars img#star-1{transform:translateY(-75%)}.introduction-block .intro-stars img#star-2{transform:translateY(-75%) translateX(-25%) rotate(-20deg) scale(.5)}.introduction-block section.introduction{background-color:#1db90c;display:flex;flex-flow:row wrap;gap:5rem;justify-content:center;padding:5vh 10vw;position:relative;z-index:-1}.introduction-block section.introduction article{width:clamp(250px,35vw,800px)}.introduction-block section.introduction article h3{display:inline-block;margin-bottom:1vh;position:relative;z-index:1}.introduction-block section.introduction article h3:after{background:#ebf3ff;bottom:0;content:"";height:.3em;left:0;position:absolute;width:100%;z-index:-1}section.portfolio{align-items:center;display:flex;flex-flow:column wrap;gap:10vh;margin:10vh 0}section.portfolio .portfolio-title{align-items:center;display:inline-block;display:flex;justify-content:center;overflow-x:clip;position:relative;width:100%}section.portfolio .portfolio-title h2{line-height:.6}section.portfolio .portfolio-title:before{background-image:url(/static/media/title-cover.aa5cde76105ced2fdfe6.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;content:"";inset:0;position:absolute;transform:translateY(10px) scale(2);z-index:-1}section.portfolio .portfolio-cards{display:flex;flex-wrap:wrap;gap:5rem;justify-content:center;margin:5vh auto 0;width:min(85vw,1600px)}section.portfolio .portfolio-cards .portfolio-card{flex:0 0 25%;max-width:650px;min-width:280px;position:relative}section.portfolio .portfolio-cards .portfolio-card .card-info{bottom:5%;left:10%;position:absolute;width:70%;z-index:2}section.portfolio .portfolio-cards .portfolio-card .card-info p{font-size:clamp(.875rem,.84rem + .18vw,1rem);font-weight:500;text-transform:uppercase}section.portfolio .portfolio-cards .portfolio-card .card-info h3,section.portfolio .portfolio-cards .portfolio-card .card-info p{height:-webkit-fit-content;height:fit-content;position:relative;width:-webkit-fit-content;width:fit-content}section.portfolio .portfolio-cards .portfolio-card .card-info h3:before,section.portfolio .portfolio-cards .portfolio-card .card-info p:before{background:#20c000;content:"";height:110%;inset:0;position:absolute;transform:translateX(-5%) translateY(-5%);width:110%;z-index:-1}section.portfolio .portfolio-cards .portfolio-card .card-info img{height:3rem;transform:translateY(5%)}section.portfolio .portfolio-cards .portfolio-card .card-info .card-link{height:clamp(1.83rem,1.39rem + 1.6vw,2.667rem);transform:translateY(5px)}section.portfolio .portfolio-cards .portfolio-card .card-info .card-link:hover{animation:tilt-bounce .3s}@keyframes tilt-bounce{0%{transform:rotate(0deg)}49%{transform:rotate(0deg)}50%{transform:rotate(2deg)}49%{transform:rotate(2deg)}to{transform:rotate(0deg)}}section.portfolio .portfolio-cards .portfolio-card .card-info .card-title{align-items:flex-end;display:flex;flex-flow:row nowrap;gap:10%;transform:translateY(-25%)}section.portfolio .portfolio-cards .portfolio-card .card-img{position:relative;width:100%}section.portfolio .portfolio-cards .portfolio-card .card-img img{display:block;height:auto;position:relative;width:100%;z-index:1}section.portfolio .portfolio-cards .portfolio-card .card-img:before{background:url(/static/media/card-bg1.0fad6a76729c205af975.svg) 50%/100% 100% no-repeat;content:"";inset:0;position:absolute;transform:scale(1.1);z-index:0}section.portfolio .portfolio-cards .portfolio-card:nth-of-type(2) .card-img:before{rotate:180deg}section.contact-form .form-decoration{width:100vw}section.contact-form .form-decoration img#left-side{left:0;position:absolute;rotate:180deg;transform:translateY(120%)}section.contact-form .form-decoration img#right-side{position:absolute;right:0;transform:translateY(-300%)}section.contact-form .form-title{display:inline-block;position:relative;width:-webkit-fit-content;width:fit-content}section.contact-form .form-title h2{line-height:.6}section.contact-form .form-title:before{background-image:url(/static/media/aandeslag.7dabbd002795095cd3e0.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;content:"";inset:0;position:absolute;transform:scale(1.75) translateY(5px);z-index:-1}section.contact-form{align-items:center;display:flex;flex-direction:column;gap:3rem;margin:20vh auto 8rem}section.contact-form form{align-items:center;display:flex;flex-flow:column}section.contact-form>form span.form-background{grid-column-gap:clamp(2rem,6vw,8rem);grid-row-gap:2rem;background:#1db90c;column-gap:clamp(2rem,6vw,8rem);display:grid;grid-template-columns:1fr 1fr;margin:10vh 0 5vh;padding:clamp(2rem,5vw,5rem);row-gap:2rem;transform:rotate(1deg);width:min(65vw,1400px)}section.contact-form>form span.form-background label{color:#322b2b;font-size:clamp(1rem,1vw,1.25rem);font-weight:700;margin-bottom:-1rem;text-transform:uppercase}section.contact-form>form span.form-background input,section.contact-form>form span.form-background textarea{background:#0000;border:none;border-bottom:3px solid #ebf3ff;color:#ebf3ff;font:inherit;padding:.5rem 0;width:100%}section.contact-form>form span.form-background input:focus,section.contact-form>form span.form-background textarea:focus{outline:none}section.contact-form>form span.form-background input{height:3rem}section.contact-form>form span.form-background textarea{min-height:12rem;resize:vertical}section.contact-form>form span.form-background label[for=naam]{grid-column:1;grid-row:1}section.contact-form>form span.form-background #naam{grid-column:1;grid-row:2}section.contact-form>form span.form-background label[for=email]{grid-column:1;grid-row:3}section.contact-form>form span.form-background #email{grid-column:1;grid-row:4}section.contact-form>form span.form-background label[for=bedrijf]{grid-column:2;grid-row:1}section.contact-form>form span.form-background #bedrijf{grid-column:2;grid-row:2}section.contact-form>form span.form-background label[for=branche]{grid-column:2;grid-row:3}section.contact-form>form span.form-background #branche{grid-column:2;grid-row:4}section.contact-form>form span.form-background label[for=website]{grid-column:2;grid-row:5}section.contact-form>form span.form-background #website{grid-column:2;grid-row:6}section.contact-form>form span.form-background label[for=onderwerp]{grid-column:1;grid-row:5;margin-top:2rem}section.contact-form>form span.form-background #onderwerp{grid-column:1;grid-row:6}section.contact-form>form span.form-background label[for=opmerkingen]{grid-column:1/span 2;grid-row:7;margin-top:3rem}section.contact-form>form span.form-background #opmerkingen{grid-column:1/span 2;grid-row:8}section.contact-form button{background:#20c000;border:none;cursor:pointer;font-size:clamp(1.83rem,1.39rem + 1.6vw,2.667rem);font-weight:900;margin-top:3vh;padding:.75rem 1.5rem;text-transform:uppercase;transition:transform .2s ease}section.contact-form button:hover{transform:translateY(-3px)}section.contact-form>p{max-width:60ch;text-align:center}@media(max-width:768px){section.contact-form>form span.form-background{grid-template-columns:1fr;width:90vw}section.contact-form>form span.form-background input,section.contact-form>form span.form-background label,section.contact-form>form span.form-background textarea{grid-column:1!important;grid-row:auto!important;margin-top:0!important}section.contact-form button{max-width:30rem}section.contact-form .form-decoration{display:none}}.over-ons{gap:10vh}.over-ons,.over-ons article{align-items:center;display:flex;flex-flow:column}.over-ons article{gap:2vh;text-align:center;width:clamp(300px,50vw,1400px)}.over-ons .over-ons-title{display:inline-block;position:relative;width:-webkit-fit-content;width:fit-content}.over-ons .over-ons-title h2{line-height:.6}.over-ons .over-ons-title:before{background-image:url(/static/media/overons.2989eb45235f4b9e05e8.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;content:"";inset:0;position:absolute;transform:scale(1.75) translateY(5px) translateX(3px);z-index:-1}footer{width:100%}footer .footer-divider{overflow-x:clip}footer .footer-divider img{height:-webkit-min-content;height:min-content}footer .footer-divider img#logo{left:20%;position:relative;transform:translateY(50%) translateX(50%);width:clamp(250px,20vw,2200px);z-index:5}footer .footer-divider img#footer-divider{transform:translateY(5px);width:100%}footer .footer-content{grid-gap:2rem;background-color:#1db90c;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);padding:10vh 5vw}footer .footer-content .contact,footer .footer-content .links{grid-column:span 1}footer .footer-content .info{grid-column:span 2}footer .footer-content ul{list-style:none}footer .footer-content ul li{line-height:1.6}footer .footer-content li,footer .footer-content li a{color:#322b2b;font-size:clamp(1rem,1.254rem + .32vw,1.5rem)}footer .copyright{overflow:hidden;padding:.5vh 0;white-space:nowrap}footer .copyright p{color:#1db90c;left:5vw;position:relative}@media screen and (max-width:768px){footer .footer-divider img#logo{transform:translateY(50%) translateX(-25%)}}@media(max-width:1024px){footer .footer-content{grid-template-columns:repeat(2,1fr)}footer .footer-content .info{grid-column:1/-1}}@media(max-width:768px){footer .footer-content{display:flex;flex-flow:row wrap}footer .footer-content .contact,footer .footer-content .info,footer .footer-content .links{width:90%}}
/*# sourceMappingURL=main.02dc5cbc.css.map*/