@import url(https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;700;900&family=Space+Mono:wght@400;700&display=swap);nav{position:fixed;top:0;right:0;z-index:100;padding:20px 0;background:linear-gradient(180deg,hsla(0,0%,100%,.2) 0,transparent 99%)}nav #toggle-mobile-nav{display:none;position:relative;z-index:9999;margin:-10px 40px 0 0}nav #toggle-mobile-nav span{display:block;width:40px;height:5px;margin:7px 0 0;border-radius:2px;background:linear-gradient(90deg,#32774f,#2aa361);transition:all .3s}nav #toggle-mobile-nav.open-close span:first-child{margin:23px 0 0;transform:rotate(45deg);transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}nav #toggle-mobile-nav.open-close span:nth-child(2){transform:rotate(-45deg);transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);position:relative;bottom:12px}nav .container-fluid{width:100%;max-width:1340px;display:flex;align-items:center;margin:10px auto 0}nav .container-fluid #logo-andries-hannaart{position:relative;z-index:9999;flex-grow:1}nav .container-fluid #logo-andries-hannaart a{display:inline-block}nav .container-fluid #logo-andries-hannaart a svg{width:90px;transition:all .3s}nav .container-fluid #logo-andries-hannaart a:hover svg{transform:rotate(-90deg)}nav .container-fluid #logo-andries-hannaart .green-1{stop-color:#2aa361}nav .container-fluid #logo-andries-hannaart .green-2{stop-color:#4dbb82}nav .container-fluid #logo-andries-hannaart .logo-cls-1{fill:url(#greenfade)}nav .container-fluid #logo-andries-hannaart .logo-cls-2{fill:#fff;stroke:#fff;stroke-miterlimit:10}nav .container-fluid ul{color:#2b2b35}nav .container-fluid ul li{display:inline-block;padding:0 40px}nav .container-fluid ul li a{color:inherit;font-size:1.2rem;font-weight:700;text-decoration:none}nav .container-fluid ul li a:hover{color:#2aa361}nav .container-fluid ul.invertColor{color:#fff}header{padding:100px 0}header .container #opening-text{width:650px}header .container #opening-text .show-all h1,header .container #opening-text .show-ios h1{line-height:5rem}header .container #opening-text .show-all h1 span:first-child,header .container #opening-text .show-ios h1 span:first-child,header .container #opening-text .show-ios h1:first-child span:first-child{background:-webkit-linear-gradient(left,#2aa361,#2972a5,#2aa361);background-size:1600px 200px;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation-duration:8s;animation-name:animationGradient;animation-iteration-count:infinite;animation-fill-mode:forwards}header .container #opening-text .show-ios h1:nth-child(2) span:first-child{background:-webkit-linear-gradient(left,#2972a5,#2aa361,#2972a5);background-size:1600px 200px;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation-duration:8s;animation-name:animationGradient;animation-iteration-count:infinite;animation-fill-mode:forwards}@keyframes animationGradient{0%{background-position:0 1600px}to{background-position:1600px 0}}header .container #opening-text p{padding:20px 0 10px}header .container #opening-text h3{font-size:2rem;color:#7badad;padding:30px 0 0}header .container #page-heading h1{padding:0 0 10px 0;color:#2aa361;border-bottom:1px solid #e7e7e7}.project header{padding:50px 0}#projects .container{width:100%;max-width:1340px;margin:0 auto}#projects .container .row{width:100%;box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#projects .container .row .half{width:48%}#projects .container .row .half:nth-child(2n){margin:40px 0 0}#projects .container .row .half a{flex:1 0 48.3%;height:400px;background:#eee;color:#fff;border-radius:18px;transition:all .3s;overflow:hidden}#projects .container .row .half a .project-container{width:100%;padding:20px;border-radius:18px}#projects .container .row .half a .project-container .project-header{display:flex;min-height:42px;align-items:center}#projects .container .row .half a .project-container .project-header div{width:50%}#projects .container .row .half a .project-container .project-header div:nth-child(2){text-align:right}#projects .container .row .half a .project-container .project-header h4{padding:0 10px 0 0}#projects .container .row .half a .project-container .project-header span{margin:0 5px;padding:2px 10px;font-family:Space Mono;font-size:.8rem;font-weight:300;border-radius:18px}#projects .container .row .half a .project-container .project-header span.design{background:#2aa361;color:#fff}#projects .container .row .half a .project-container .project-header span.dev{background:#2b2b35;color:#fff}#projects .container .row .half a .project-container .project-header span.wordpress{background:#5f9ea0}#projects .container .row .half a .project-container .project-header span.ecommerce{background:#4dbb82}#projects .container .row .half a .project-container .project-content{width:100%;height:300px;display:flex;align-items:center;justify-content:center}#projects .container .row .half a .project-container .project-content img,#projects .container .row .half a .project-container .project-content svg{width:100%;max-width:300px}#projects .container .row .half a .project-container .project-footer{display:flex;justify-content:flex-end;opacity:.7}#projects .container .row .half a:nth-child(odd){background:linear-gradient(180deg,#1a4176,#11223e);color:#fff}#projects .container .row .half a:nth-child(2n){background:purple}#projects .container .row .half a.so{background:#95c3c3;background:linear-gradient(180deg,#95c3c3,#bde5e4)}#projects .container .row .half a.so .project-content img{max-width:400px}#projects .container .row .half a.dbc{background:#11223e;background:linear-gradient(180deg,#1a4176,#11223e)}#projects .container .row .half a.dbc .project-content img{max-width:450px}#projects .container .row .half a.tra{background:#28333e;background:linear-gradient(180deg,#28333e,#18222f);color:#fff}#projects .container .row .half a.otar{background:#caa252;background:linear-gradient(180deg,#caa252,#ffc55b)}#projects .container .row .half a.otar .project-content img{max-width:420px;margin:30px 0 0}#projects .container .row .half a.ma{background:#1c844b;background:linear-gradient(180deg,#2e8e5c,#1c844b)}#projects .container .row .half a.ma .project-content img{max-width:280px}#projects .container .row .half a.qb,#projects .container .row .half a.qb-2019{background:#3f4a5f;background:linear-gradient(180deg,#147f98,#3f4a5f)}#projects .container .row .half a.qb .project-content,#projects .container .row .half a.qb-2019 .project-content{position:relative}#projects .container .row .half a.qb .project-content img,#projects .container .row .half a.qb-2019 .project-content img{max-width:480px;position:absolute;bottom:-90px;left:-140px}#projects .container .row .half a.oma,#projects .container .row .half a.qb-2019{background:#95c3c3;background:linear-gradient(180deg,#95c3c3,#bde5e4)}#projects .container .row .half a.oma .project-content img{max-width:400px}#projects .container .row .half a.yt{background:#190e21;background:linear-gradient(180deg,#190e21,#683871)}#projects .container .row .half a.yt .project-content img{max-width:400px}#projects .container .row .half a.bl{background:#95c3c3;background:linear-gradient(180deg,#95c3c3,#bde5e4)}#projects .container .row .half a.bl .project-content img{max-width:500px}#projects .container .row .half a.psb{background:#95c3c3;background:linear-gradient(180deg,#95c3c3,#bde5e4)}#projects .container .row .half a.psb .project-content img{max-width:210px}#projects .container .row .half a.vl{background:#95c3c3;background:linear-gradient(180deg,#95c3c3,#bde5e4)}#projects .container .row .half a.vl .project-content img{max-width:400px}#projects .container .row .half a:hover{color:#fff;transform:translateY(-10px);box-shadow:0 10px 20px 0 rgba(0,0,0,.12)}#projects .container .row .half a:hover img,#projects .container .row .half a:hover svg{transform:translateX(0)}#projects .container .row .half a:hover .project-footer img{transform:translateX(5px)}#projects .container #view-all-projects{position:relative;top:-20px}.single-project header{padding:100px 0 60px}.single-project .row{display:flex;padding:0 0 70px}.single-project #project-summary{width:30%;margin:0 0 0 100px;padding:30px;box-shadow:0 0 100px 0 rgba(0,0,0,.07);border-radius:18px}.single-project #project-summary a{display:block;width:100%;margin:40px 0 0;padding:20px 0;background:#2aa361;color:#f5f5f5;text-align:center;border-radius:18px;transition:all .3s ease-out}.single-project #project-summary a:after{display:inline-block;content:"➟";transition:all .3s ease-out;opacity:0}.single-project #project-summary a:hover{background:#2972a5}.single-project #project-summary a:hover:after{transform:translateX(18px);opacity:1}.single-project #project-summary a:focus:after{transform:translateX(50px)}.single-project #project-summary a:nth-child(3){margin:10px 0 0;background:rgba(0,0,0,.03);color:#2b2b35}.single-project #project-body{width:70%}.single-project #project-body .header-project-image img{width:100%;margin:0 0 40px 0}.single-project #project-body .project-images{margin:40px 0 0}.single-project #project-body .project-images .expandable-image{display:inline-block;width:48%;margin-bottom:10px}.single-project #project-body .project-images .expandable-image:nth-child(2n){margin:0 0 10px 10px}.single-project #project-body .project-images .expandable-image img{width:98%;margin:0}.single-project #project-body .project-images .expandable-image:hover img{transform:translateX(0)}.single-project #project-body #project-url{margin:20px 0}.single-project #project-body #project-url a{display:inline-block}.expandable-image.expanded{background:rgba(0,0,0,.9)!important}.expandable-image.expanded .close-button{width:50px;height:50px;display:flex!important;align-items:center;justify-content:center;background:#242425;border-radius:50%}.expandable-image.expanded .close-button:hover{background:#2972a5}.expandable-image.expanded img{width:800px!important;max-width:800px!important}#services{margin:144px 0 0;background:#2b2b35;padding:127px 0;color:#fff}#services .container h1{padding:0 0 30px 0}#services .container p{padding:0 0 16px}#services .container #services-intro-txt{max-width:550px}#services .container #services-intro-txt a{display:inline-block;position:relative;color:#2aa361}#services .container #services-intro-txt a:after{width:0;content:"";position:absolute;z-index:1;right:0;bottom:0;background:#2aa361;height:2px;transition-property:width;transition-duration:.3s;transition-timing-function:ease-out}#services .container #services-intro-txt a:hover:after{width:100%;left:0;right:auto}#services .container .card-container{display:flex;margin:40px 0 0}#services .container .card-container .card{position:relative;overflow:hidden;background:#1a1a1d;width:45%;padding:60px 40px 250px 40px;border-radius:18px}#services .container .card-container .card:first-child{margin:0 4% 0 0}#services .container .card-container .card .card-content{position:relative;z-index:2}#services .container .card-container .card .card-content ul{padding:30px 20px}#services .container .card-container .card .card-content ul li{font-size:1.2rem;color:#2aa361;padding:6px 0}#services .container .card-container .card .card-content a{display:flex;align-items:center;color:#fff}#services .container .card-container .card h1{position:absolute;z-index:1;bottom:-200px;left:-20px;font-size:25rem;opacity:.02;transition:all .5s ease-out}#services .container .card-container .card:hover h1{transform:translateX(-620px)}#services .container .card-container .card:nth-child(2) h1{transition:all 1.6s ease-out}#services .container .card-container .card:nth-child(2):hover h1{transform:translateX(-1900px)}#about .container{padding:0 0 72px 0}#about .container h1{padding:0 0 60px 0}#about .container .half{display:inline-block;width:47%;vertical-align:top}#about .container .half #desk{width:100%;display:block}#about .container .half a{display:inline-block;margin:20px 0 0;padding:0 0 0 20px;font-size:1.3rem;font-weight:700;color:#2aa361}#about .container .half p{padding:0 0 0 20px}#about .container .half p img{width:18px;position:relative;top:2px}#reviews{position:relative;background:#2aa361;color:#fff}#reviews .ic-quote img{position:absolute;width:200px;opacity:.1}#reviews .ic-quote img:first-child{top:50px;left:50px;transform:rotate(180deg)}#reviews .ic-quote img:nth-child(2){bottom:50px;right:50px}#reviews .container{text-align:center}#reviews .container .reviews-container{display:flex;align-items:center;margin:80px 0}#reviews .container .reviews-container .review{display:block;align-items:center;width:33%;min-height:280px;margin:0 20px 0 0;padding:30px;background:#fff;color:#2b2b35;border-radius:18px}#reviews .container .reviews-container .review:nth-child(3){margin:0}#reviews .container .reviews-container .review .flag{display:flex;align-items:center;justify-content:center;margin:0 auto 10px auto}#reviews .container .reviews-container .review .flag img{width:40px;border-radius:4px}#reviews .container .reviews-container .review blockquote p{font-size:1.1rem;line-height:1.7rem}#reviews .container .reviews-container .review blockquote cite p{padding:10px 0;font-size:1rem}#reviews .container a,#reviews .container button{display:inline-block;color:#fff}#reviews .container a img,#reviews .container button img{vertical-align:middle}#review-page .reviews-container .container{text-align:center}#review-page .reviews-container .container .row{width:100%;display:flex;justify-content:center}#review-page .reviews-container .container .row .review{margin:10px;padding:30px;background:#2aa361;color:#fff;box-shadow:0 0 10px -2px rgba(0,0,0,.2);border-radius:18px}#review-page .reviews-container .container .row .review .flag img{width:40px;border-radius:4px}#review-page .reviews-container .container .row .review blockquote p{padding:10px 0}#review-page .reviews-container .container button{width:40px;height:40px;margin:0;position:absolute;top:-10px;right:-10px;background:#2b2b35;border:none;cursor:pointer;border-radius:50%;text-align:center;font-size:1rem;font-weight:700}#contact .container .contact-cards{display:flex;padding:60px 0 60px}#contact .container .contact-cards div{width:100%;margin:0 46px 0 0}#contact .container .contact-cards div:nth-child(3){margin:0}#contact .container .contact-cards div h2{display:inline-block;font-size:2rem}#contact .container .contact-cards div h4{padding:10px 0;color:#2aa361}#contact .container .contact-cards div.email-social .social-connection{width:100%;margin:16px 0 0;padding:20px 0 0;border-top:1px solid #e7e7e7}#contact .container .contact-cards div.email-social .social-connection h4{padding:0 0 20px 0}#contact .container .contact-cards div.email-social .social-connection #social-icons{display:flex}#contact .container .contact-cards div.email-social .social-connection #social-icons a:hover img{transform:scale(1.1)}#contact .container .contact-cards div.email-social .social-connection #social-icons a:nth-child(3) img{width:33px}#contact .container .contact-cards div.email-social .social-connection #social-icons a:nth-child(4) img{width:34px}#contact .container .contact-cards div.email-social .whatsapp{width:100%;margin:16px 0 0;padding:20px 0 0;border-top:1px solid #e7e7e7}#contact .container .contact-cards div.email-social .whatsapp h4{padding:0 0 20px 0}#contact .container .contact-cards div.email-social .whatsapp #whats-card{width:100%;display:flex;align-items:center;margin:0 auto;box-shadow:0 0 20px -1px rgba(0,0,0,.15);border-radius:18px}#contact .container .contact-cards div.email-social .whatsapp #whats-card h2{padding:0 20px 0;font-size:1.4rem;text-align:end}#contact .container .contact-cards div.email-social .whatsapp #whats-card a img{width:120px;padding:20px 20px 20px 10px}#contact .container .contact-cards div.email-social .whatsapp #whats-card a:hover img{transition:none;transform:translateX(0)}#contact .container .contact-cards div.latest-posts span{display:flex;align-items:center}#contact .container .contact-cards div.latest-posts span.cat{font-family:Space Mono,monospace;font-size:.8rem;min-width:65px}#contact .container .contact-cards div.latest-posts ul li{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #e7e7e7;list-style:none}#contact .container .contact-cards div.latest-posts ul li pre{min-width:65px;font-family:Space Mono,monospace;font-size:.8rem}#contact .container .contact-cards .contact-form-container .error-summary{width:100%;color:red;padding:0 0 0 10px}#contact .container .contact-cards .contact-form-container h4{padding:10px 0 10px 10px}#contact .container .contact-cards .contact-form-container form{display:grid;margin:8px 0 0}#contact .container .contact-cards .contact-form-container form sub{padding:0 0 0 10px}#contact .container .contact-cards .contact-form-container form button,#contact .container .contact-cards .contact-form-container form input,#contact .container .contact-cards .contact-form-container form textarea{display:block;width:100%;margin:0 0 10px 0;padding:16px 12px;box-sizing:border-box;border:2px solid transparent;font-family:Red Hat Display,sans-serif;font-size:1rem;background:#f5f5f5;color:#2b2b35;border-radius:18px}#contact .container .contact-cards .contact-form-container form button:hover,#contact .container .contact-cards .contact-form-container form input:hover,#contact .container .contact-cards .contact-form-container form textarea:hover{border:2px solid #2aa361}#contact .container .contact-cards .contact-form-container form label{padding:0 0 5px 10px}#contact .container .contact-cards .contact-form-container form textarea{min-height:150px}#contact .container .contact-cards .contact-form-container form button{margin:0;background:#2aa361;color:#fff;cursor:pointer;transition:all .3s ease-out}#contact .container .contact-cards .contact-form-container form button:after{display:inline-block;content:"➟";transition:all .3s ease-out;opacity:0}#contact .container .contact-cards .contact-form-container form button:hover{background:#2972a5;border:none}#contact .container .contact-cards .contact-form-container form button:hover:after{transform:translateX(18px);opacity:1}#contact .container .contact-cards .contact-form-container form button:focus:after{transform:translateX(50px)}#contact .container .contact-cards .contact-form-container form .anti-spam-submit{display:flex;width:100%;margin:0}#contact .container .contact-cards .contact-form-container form .anti-spam-submit input{width:40%;margin:0 10px 0 0}#blog{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;text-align:center}#blog header{padding:0}#blog .half article{margin:0 0 30px 0;box-shadow:0 0 30px 1px rgba(0,0,0,.12);border-radius:18px}#blog .half article header{position:relative}#blog .half article header picture img{width:100%;height:400px;-o-object-fit:cover;object-fit:cover;border-radius:18px 18px 0 0}#blog .half article header h2{width:90%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);color:#fff;text-shadow:1px 1px 10px rgba(0,0,0,.7)}#blog .half article .blog-content{padding:30px 30px 60px;text-align:left}#blog .half article .blog-content .blog-images a img{width:50%}#blog .half article .blog-content .markdown-body{font-size:1.2rem}#blog .half article .blog-content .markdown-body strong{font-size:1.6rem}#blog .half article .blog-content .markdown-body pre{border-radius:10px;font-size:.9rem}#blog .half article .blog-content .markdown-body h3,#blog .half article .blog-content .markdown-body h4{margin-bottom:0}#blog .half article .blog-content .markdown-body ul{padding-left:1em}#blog .half article .blog-content .markdown-body ul li{padding:10px 10px 10px 0;margin:0;white-space:normal}#blog .half article .blog-content .markdown-body ul li:last-child{border:none}#blog .half article:first-child{padding-top:0}::-moz-selection{color:#fff;background:#2aa361}::selection{color:#fff;background:#2aa361}*{padding:0;margin:0}.preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}body{padding:150px 0 0;font-size:1rem;font-weight:400;color:#2b2b35}body .show-ios{display:none}body .markdown-body{font-size:1.2rem}body .markdown-body ul{padding-left:1em}body .toggle-dark{position:fixed;z-index:101;top:12px;right:12px;background:transparent;border:none;outline:none;transition:transform .3s;cursor:pointer}body .toggle-dark svg{width:24px}body .toggle-dark svg .toggle-cls-1,body .toggle-dark svg .toggle-cls-4{fill:#1a1a1d}body .toggle-dark svg .toggle-cls-1{stroke:#1a1a1d}body .toggle-dark svg .toggle-cls-1,body .toggle-dark svg .toggle-cls-2{stroke-miterlimit:10;stroke-width:3px}body .toggle-dark svg .toggle-cls-2{stroke:#1a1a1d}body .toggle-dark svg .toggle-cls-3{fill:#fff}body .toggle-dark:hover{transform:rotate(-45deg)}body.dark-mode{background:#1b1b23}body.dark-mode a,body.dark-mode div,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode label,body.dark-mode li,body.dark-mode p,body.dark-mode sub{color:#fff}body.dark-mode pre{color:#2aa361}body.dark-mode a svg .arrow-cls-1{fill:#fff}body.dark-mode nav{background:linear-gradient(180deg,#1b1b23 0,transparent 99%)}body.dark-mode nav .container-fluid ul{color:#fff}body.dark-mode .toggle-dark svg .toggle-cls-1,body.dark-mode .toggle-dark svg .toggle-cls-4{fill:#ededed}body.dark-mode .toggle-dark svg .toggle-cls-1{stroke:#ededed}body.dark-mode .toggle-dark svg .toggle-cls-2{stroke:#fff}body.dark-mode .toggle-dark svg .toggle-cls-3{fill:#03060a}body.dark-mode #reviews{background:#2b2b35}body.dark-mode #reviews .ic-quote img{opacity:.017}body.dark-mode #reviews .container .reviews-container .review{background:#1a1a1d}body.dark-mode #review-page .reviews-container .container .row .review{background:#2b2b35}body.dark-mode #contact .container .contact-cards div form input,body.dark-mode #contact .container .contact-cards div form textarea{background:#2b2b35;color:#f5f5f5}body.dark-mode #contact .container .contact-cards div.email-social .social-connection,body.dark-mode #contact .container .contact-cards div.email-social .whatsapp{border-color:#2b2b35}body.dark-mode #contact .container .contact-cards div.email-social .social-connection #whats-card,body.dark-mode #contact .container .contact-cards div.email-social .whatsapp #whats-card{background:#131315;box-shadow:none}body.dark-mode #contact .container .contact-cards div.latest-posts,body.dark-mode #contact .container .contact-cards div.latest-posts ul li{border-color:#2b2b35}body.dark-mode .single-project header .container #page-heading h1{border-color:#2a2a38}body.dark-mode .single-project #project-summary{box-shadow:0 0 100px 0 hsla(0,0%,100%,.05)}body.dark-mode .single-project .container .row #project-summary .markdown-body h2{border-color:#2a2a38}body.dark-mode .single-project .container .row #project-summary a:nth-child(3){background:rgba(0,0,0,.3);color:#fff}body.dark-mode footer{border-top-color:#212129}body.dark-mode #blog .half article{background:#131315;box-shadow:none}body.dark-mode .markdown-body pre{background:#17171d}body ::-webkit-input-placeholder{font-family:Red Hat Display,sans-serif}body :-ms-input-placeholder{font-family:Red Hat Display,sans-serif}body :-moz-placeholder,body ::-moz-placeholder{font-family:Red Hat Display,sans-serif}body .markdown-body{font-family:Red Hat Display,sans-serif}body h1{font-size:4rem;font-weight:900}body h2{font-size:3rem;font-weight:900}body p{font-size:1.3rem}body a{display:flex;align-items:center;font-weight:700;color:#2b2b35;text-decoration:none;transition:all .3s}body a img,body a svg{width:30px;margin:0 10px;transition:all .3s}body a svg .arrow-cls-1{fill:#2b2b35}body a:hover{color:#2aa361}body a:hover img,body a:hover svg{transform:translateX(10px)}body a:hover svg .arrow-cls-1{fill:#2aa361}body.block-scroll{overflow:hidden}body #about,body #contact,body #projects,body #services,body header,body nav{width:100%}body .container{width:100%;max-width:1340px;margin:0 auto}body #about,body #contact,body #reviews{padding:120px 0}@media screen and (max-width:1500px){body #projects .container,body .container{max-width:85%}body #projects .container .row a{flex:1 0 47%}body #contact .container .contact-cards .email-social .whatsapp #whats-card h2{padding:0 10px 0;font-size:1.2rem}}@media screen and (max-width:1400px){body #projects .container,body .container{max-width:90%}}@media screen and (min-width:900px)and (max-width:1024px){body #projects .container .row a .project-container .project-content{height:280px}}@media screen and (max-width:1270px){body #contact .container .contact-cards .email-social .whatsapp #whats-card h2{font-size:.9rem}}@media screen and (max-width:1024px){body{padding:100px 0 0}body.dark-mode nav .container-fluid ul{background:#2b2b35}body .toggle-dark{top:auto;bottom:12px}body h1{font-size:3.5rem}body h2{font-size:2rem}body nav{padding:10px 0}body nav #toggle-mobile-nav{display:block}body nav .container-fluid{margin:0}body nav .container-fluid #logo-andries-hannaart a svg{width:90px;transform:rotate(-90deg)}body nav .container-fluid ul{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;background:linear-gradient(90deg,#95c3c3,#bde5e4)}body nav .container-fluid ul.toggle-nav{display:block}body nav .container-fluid ul li{display:block;padding:0 20px}body nav .container-fluid ul li a{font-size:4rem;justify-content:center}body nav .container-fluid ul li:first-child{margin:120px 0 0}body nav .container-fluid ul li:nth-child(2){padding:0 0 0 90px}body nav .container-fluid ul li:nth-child(3){padding:0 0 0 70px;padding:0 0 0 30px}body nav .container-fluid ul li:nth-child(4){padding:0 0 0 50px}body nav .container-fluid ul li:nth-child(5){padding:0 0 0 200px}body header{padding:30px 0 40px}body header .container #opening-text{width:100%;max-width:580px}body header .container #opening-text h1{font-size:3.5rem;line-height:4rem}body header .container #opening-text h1 span:nth-child(2){display:none}body header .container #opening-text h3{padding:30px 0}body #projects .container{max-width:90%;margin:0 auto}body #projects .container .row .half{width:100%;margin:0}body #projects .container .row .half:nth-child(2n){margin:0}body #projects .container .row .half .project-card a{flex:1 0 100%}body #projects .container .row .half .project-card a:nth-child(odd){margin:40px 0 0}body #projects .container #view-all-projects{top:40px}body #services{margin:100px 0 0;padding:60px 0}body #services .container .card-container{display:block}body #services .container .card-container .card{width:auto;margin:40px 0 0;padding:60px 40px}body #services .container .card-container .card h1{display:none}body #services .container .card-container .card:first-child{margin:40px 0 0}body #about,body #contact,body #reviews{padding:60px 0}body #about .container .half{width:100%}body #about .container .half sub{text-align:center}body #about .container .half:nth-child(2){margin:0 0 40px 0;text-align:center}body #reviews .container .reviews-container{display:block;margin:80px 0 60px}body #reviews .container .reviews-container .review{width:100%;margin:0 0 30px 0;padding:0}body #reviews .container .reviews-container .review blockquote{padding:20px}body #reviews .container .reviews-container .review .flag img{margin:20px 0 -15px}body #reviews .ic-quote img{width:150px}body #review-page .reviews-container .container .row{display:block}body #review-page .reviews-container .container .row .review{margin:15px 0}body #contact .container .contact-cards{display:block}body #contact .container .contact-cards div{width:100%;margin:0 0 30px 0}body #contact .container .contact-cards div h4{font-size:1.5rem}body .single-project .container .row #project-summary .markdown-body{padding:0 20px}body .single-project .container .row #project-summary a{width:90%;margin:20px auto 2%}body #blog{display:block}body #blog .half article header picture img{height:220px}body #blog .half article .blog-content .markdown-body strong{font-size:1.2rem;color:#2aa361}}@media screen and (max-width:768px){body h2{font-size:1.9rem}body nav .container-fluid ul li a{justify-content:start}body header .container #opening-text h1{display:inline-block}body header .container #opening-text h1:nth-child(2){padding:0}body header .container #opening-text h3{font-size:1.7rem}body #reviews .ic-quote img{width:90px}body #reviews .ic-quote img:nth-child(2){bottom:30px}body .single-project header{padding:50px 0 30px}body .single-project header .container #page-heading h1{font-size:1.7rem}body .single-project .row{display:block}body .single-project #project-summary{width:auto;margin:0;padding:20px 0;box-shadow:none}body .single-project #project-body{display:block;width:100%}body .single-project #project-body .project-images{display:block}body .single-project #project-body .project-images img{width:100%;margin:0 0 10px 0}body .single-project #project-body .project-images img:nth-child(2n){margin:0 0 10px 0}body #projects .container .row .half a{height:100%}body #projects .container .row .half a .project-container .project-header{display:block}body #projects .container .row .half a .project-container .project-header div{width:100%}body #projects .container .row .half a .project-container .project-header div:nth-child(2){display:none}body #projects .container .row .half a .project-container .project-content{height:220px}body #projects .container .row .half a.dbc .project-container .project-content img{margin:-30px 0 0}body #projects .container .row .half a.ma .project-container .project-content img,body #projects .container .row .half a.tra .project-container .project-content img{width:200px}body #projects .container .row .half a.otar .project-container .project-content img{width:297px;margin:0}body #projects .container .row .half a.qb .project-container .project-content img,body #projects .container .row .half a.qb-2019 .project-container .project-content img{width:400px;left:-180px;bottom:-80px}body #contact .container .contact-cards div h2{font-size:1.7rem}body #contact .container .contact-cards div.latest-posts{margin:16px 0 0;padding:20px 0 0;border-top:1px solid #ededed}body .expandable-image.expanded img{width:95%!important;max-width:95%!important}body .expandable-image.expanded .close-button{position:fixed;top:auto;bottom:20px;left:50%;margin-left:-25px;border-radius:10px}}@media screen and (max-width:414px){body nav{top:0;background:linear-gradient(180deg,hsla(0,0%,100%,.3) 0,transparent 99%)}body nav #logo-andries-hannaart a svg{width:90px;padding:10px 0;transform:rotate(-90deg)}body nav .container-fluid ul li a{font-size:3rem}body header{padding:30px 0 0}body header .container #opening-text{max-width:375px}body header .container #opening-text .show-all h1,body header .container #opening-text .show-ios h1{font-size:3rem;line-height:3.5rem}}@media screen and (max-width:320px){body nav .container-fluid #logo-andries-hannaart a svg{width:72px}body header{padding:40px 0 0}body header .container #opening-text .show-all h1,body header .container #opening-text .show-ios h1{font-size:2.5rem;line-height:3rem}body #contact .container .contact-cards div h2{font-size:1.7rem}body #contact .container .contact-cards div.latest-posts span{font-size:.8rem}}#app{font-family:Red Hat Display,Avenir,Helvetica,Arial,sans-serif}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}
/*!
 * vue-simple-markdown v1.1.5
 * (c) 2021 Milan Bačkonja
 * Released under the MIT License.
 */@font-face{font-family:octicons-link;src:url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format("woff")}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#24292e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body .pl-c{color:#6a737d}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#005cc5}.markdown-body .pl-e,.markdown-body .pl-en{color:#6f42c1}.markdown-body .pl-s .pl-s1,.markdown-body .pl-smi{color:#24292e}.markdown-body .pl-ent{color:#22863a}.markdown-body .pl-k{color:#d73a49}.markdown-body .pl-pds,.markdown-body .pl-s,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sra,.markdown-body .pl-sr .pl-sre{color:#032f62}.markdown-body .pl-smw,.markdown-body .pl-v{color:#e36209}.markdown-body .pl-bu{color:#b31d28}.markdown-body .pl-ii{color:#fafbfc;background-color:#b31d28}.markdown-body .pl-c2{color:#fafbfc;background-color:#d73a49}.markdown-body .pl-c2:before{content:"^M"}.markdown-body .pl-sr .pl-cce{font-weight:700;color:#22863a}.markdown-body .pl-ml{color:#735c0f}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{font-weight:700;color:#005cc5}.markdown-body .pl-mi{font-style:italic;color:#24292e}.markdown-body .pl-mb{font-weight:700;color:#24292e}.markdown-body .pl-md{color:#b31d28;background-color:#ffeef0}.markdown-body .pl-mi1{color:#22863a;background-color:#f0fff4}.markdown-body .pl-mc{color:#e36209;background-color:#ffebda}.markdown-body .pl-mi2{color:#f6f8fa;background-color:#005cc5}.markdown-body .pl-mdr{font-weight:700;color:#6f42c1}.markdown-body .pl-ba{color:#586069}.markdown-body .pl-sg{color:#959da5}.markdown-body .pl-corl{text-decoration:underline;color:#032f62}.markdown-body .octicon{display:inline-block;vertical-align:text-top;fill:currentColor}.markdown-body a{background-color:transparent}.markdown-body a:active,.markdown-body a:hover{outline-width:0}.markdown-body strong{font-weight:inherit;font-weight:bolder}.markdown-body h1{margin:.67em 0}.markdown-body img{border-style:none}.markdown-body code,.markdown-body kbd,.markdown-body pre{font-family:monospace,monospace;font-size:1em}.markdown-body hr{box-sizing:content-box;overflow:visible}.markdown-body input{font:inherit;margin:0;overflow:visible}.markdown-body [type=checkbox]{box-sizing:border-box;padding:0}.markdown-body *{box-sizing:border-box}.markdown-body input{font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body a{color:#0366d6;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:600}.markdown-body hr{height:0;margin:15px 0;overflow:hidden;background:transparent;border-bottom:1px solid #dfe2e5}.markdown-body hr:after,.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{clear:both}.markdown-body table{border-spacing:0;border-collapse:collapse}.markdown-body td,.markdown-body th{padding:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:0;margin-bottom:0}.markdown-body h1{font-size:32px;font-weight:600}.markdown-body h2{font-size:24px;font-weight:600}.markdown-body h3{font-size:20px;font-weight:600}.markdown-body h4{font-size:16px;font-weight:600}.markdown-body h5{font-size:14px;font-weight:600}.markdown-body h6{font-size:12px;font-weight:600}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0}.markdown-body ol,.markdown-body ul{padding-left:0;margin-top:0;margin-bottom:0}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ol ol ol,.markdown-body ol ul ol,.markdown-body ul ol ol,.markdown-body ul ul ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body code,.markdown-body pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0}.markdown-body .octicon{vertical-align:text-bottom}.markdown-body .pl-0{padding-left:0!important}.markdown-body .pl-1{padding-left:4px!important}.markdown-body .pl-2{padding-left:8px!important}.markdown-body .pl-3{padding-left:16px!important}.markdown-body .pl-4{padding-left:24px!important}.markdown-body .pl-5{padding-left:32px!important}.markdown-body .pl-6{padding-left:40px!important}.markdown-body:after,.markdown-body:before{display:table;content:""}.markdown-body:after{clear:both}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin-top:0;margin-bottom:16px}.markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{font-size:11px;border:1px solid #c6cbd1;border-bottom-color:#959da5;box-shadow:inset 0 -1px 0 #959da5}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1{font-size:2em}.markdown-body h1,.markdown-body h2{padding-bottom:.3em;border-bottom:1px solid #eaecef}.markdown-body h2{font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{font-size:.85em;color:#6a737d}.markdown-body ol,.markdown-body ul{padding-left:2em}.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-top:0;margin-bottom:0}.markdown-body li{word-wrap:break-all}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table td,.markdown-body table th{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body img{max-width:100%;box-sizing:content-box;background-color:#fff}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,.05);border-radius:3px}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body .full-commit .btn-outline:not(:disabled):hover{color:#005cc5;border-color:#005cc5}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:1px solid #d1d5da;border-bottom-color:#c6cbd1;border-radius:3px;box-shadow:inset 0 -1px 0 #c6cbd1}.markdown-body :checked+.radio-label{position:relative;z-index:1;border-color:#0366d6}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item+.task-list-item{margin-top:3px}.markdown-body .task-list-item input{margin:0 .2em .25em -1.6em;vertical-align:middle}.markdown-body hr{border-bottom-color:#eee}.vue-simple-markdown[data-v-a42b9506]{white-space:pre-wrap}