@font-face{font-family:'Gotham Rounded';src:url(//www.howdi.nl/../fonts/GothamRounded-Light.woff2) format("woff2"),url(//www.howdi.nl/../fonts/GothamRounded-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'Gotham Rounded';src:url(//www.howdi.nl/../fonts/GothamRounded-Bold.woff2) format("woff2"),url(//www.howdi.nl/../fonts/GothamRounded-Bold.woff) format("woff");font-weight:bold;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6{font-family:'Gotham Rounded', sans-serif;font-weight:300;color:#231f20}html{height:100%}body{color:#847272;font-family:'Gotham Rounded', sans-serif;font-weight:300;min-height:100%;height:1px}.connect-nav{height:100px;text-align:center;position:fixed;width:100%;top:0;left:0;padding-top:10px}.connect-nav img{height:100%;width:auto}.main-nav{display:flex;width:100%;align-items:center;padding:30px 15px;position:absolute;top:0;left:0;z-index:999;right:0}.main-nav .logo{width:180px;height:auto}.main-nav .menu{width:32px}.topbar{background:white;z-index:99999;position:fixed;left:0;right:0;width:760px;top:0;border-radius:0 0 20px 20px;box-shadow:0 0 20px rgba(0,0,0,0.3);padding:10px 15px;display:flex;align-items:center;margin:0 auto}.topbar .presentation-logo{height:40px;width:auto;margin-right:auto}.topbar span{font-weight:600;color:black}.presentation-screen{padding-top:0;margin-top:20px;width:100%;height:60vh;display:flex;align-items:center}.presentation-body{display:flex;width:100vw;align-items:center;flex-wrap:nowrap;justify-content:center}.presentation-body .requirement-box{flex:1;padding:30px;text-align:center;max-height:60vh}.presentation-body .requirement-box h2{text-align:center;color:black;font-weight:600}.presentation-body .requirement-box canvas{width:100%;height:100%;max-height:60vh;max-width:60vh}#canvas{width:100%}.canvas-controls{position:fixed;top:0;left:0;padding:10px}.particles{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle-count{display:block;text-align:center;margin:25px 0}.particles>.particle{border-radius:100%;background:transparent;position:absolute;background-size:100% 100%;background-repeat:no-repeat}.particles>.particle.smaller{width:5px;height:5px}.particles>.particle.small{width:10px;height:10px}.particles>.particle.normal{width:15px;height:15px}.particles>.particle.big{width:20px;height:20px}.particles>.particle.bigger{width:25px;height:25px}.emitter{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);width:5px;height:5px}.presentation-controls{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);margin:0 auto;background:white;box-shadow:0 10px 15px rgba(0,0,0,0.2);display:inline-flex;border-radius:0 20px 0 20px;color:#A4A8B1;font-size:12px;font-weight:700}.presentation-controls .prev,.presentation-controls .next,.presentation-controls .exit{padding:20px 45px;text-align:center}.presentation-controls img{display:block;width:20px;height:20px;margin-bottom:5px}.presentation-controls .exit{border-radius:3px 20px 3px 20px;background:#F8F8F8;color:black}.presentation-controls button{background:none;padding:0}.welcoming{justify-content:center}.presentation-opening img{display:block;margin:0 auto 40px;max-width:120px}.presentation-opening h2{font-size:3vw;color:#231f20;text-align:center;margin:0}.presentation-opening h1{font-size:4vw;font-weight:600;color:#231f20;margin:auto 0;text-align:center;margin:0}.presentation-opening h3{font-size:32px;color:#231f20;text-align:center;margin:40px 0 40px}.presentation-opening h2{font-size:22px}.presentation-opening h1{font-size:34px}.presentation-opening h3{font-size:24px}.presentation-arrow{max-width:60px;position:fixed;bottom:20px;left:0;right:0;margin:0 auto;height:auto}strong{font-weight:600}.mobile-body{max-width:800px;margin-left:auto;margin-right:auto;margin-top:80px}.body-centered{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.mobile-input{background:#f0f0f0;border:1px solid transparent;border-radius:10px;font-size:7vw;padding:10px 15px;text-align:center}.mobile-input:active,.mobile-input:focus{outline:none;border:1px solid #ffdb61}.mobile-input-group{display:flex;position:relative;align-items:stretch;width:100%;padding:0 15px}.mobile-input-group .mobile-input{border-top-right-radius:0;border-bottom-right-radius:0;margin:0;flex:1 1 auto;width:1%;min-width:0}.mobile-input-group .mobile-btn{border-top-right-radius:10px;border-bottom-right-radius:10px}.mobile-input-group .mobile-btn button{border:none;border-top-right-radius:10px;border-bottom-right-radius:10px;background:#ffdb61;padding:10px 15px;height:100%;display:flex;align-items:center;justify-content:center}.mobile-title{font-size:7.5vw;margin-bottom:20px;text-align:center}.presentation-id{text-align:center}.presentation-id .mobile-input{margin:0}.register,.sign-in{padding:0 40px 100px;width:100%}.login-buttons button{border:none;border-radius:10px;width:100%;text-align:left;padding:10px 15px;color:white;font-weight:600;display:flex;align-items:center}.login-buttons button+button{margin-top:10px}.login-buttons img{width:32px;height:32px;margin-right:15px}.login-buttons .fb{background-color:#1b74e4}.login-buttons .gg{background-color:#de5246}.login-buttons .in{background-color:#0072b1}.login-buttons .apple{background:#000}.login-buttons .manual{text-align:center !important;color:#231f20;background-color:#ffdb61;justify-content:center}.simple-link{color:#231f20;text-align:center;display:block;margin-top:15px}.divide-text{margin-top:5vh;margin-bottom:5vh;display:flex;align-items:center}.divide-text:before,.divide-text:after{content:'';height:1px;width:100%;background:#ddd}.divide-text:before{margin-right:30px}.divide-text:after{margin-left:30px}.body-streaming{width:100%;height:100%;display:flex;justify-content:center}.streaming{text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0 30px}.streaming .status{font-weight:600;color:#231f20;font-size:8vw}.mobile-form-inputs label{color:#231f20;font-size:16px}.mobile-form-inputs input[type="text"]{padding:10px 15px;height:auto;border-radius:10px}.mobile-circle-btn{border:none;position:relative;vertical-align:top;width:75px;height:75px;border-radius:50%;box-shadow:0 7px 12px rgba(0,0,0,0.3);display:inline-flex;background:white;align-items:center;justify-content:center}.mobile-circle-btn img{width:100%;height:100%;padding:7px}.like-container{position:fixed;bottom:15px;left:0;right:0;width:100%;text-align:center;transition:0.4s all cubic-bezier(0.18, 0.89, 0.24, 1.57);transition-delay:0.3s}.like-buttons{width:200px;bottom:0;position:relative;display:block;margin:0 auto}.like-buttons .like-bg{width:200px}.like-buttons .smile{background:#ffdb61;box-shadow:0 4px 12px rgba(255,219,97,0.4);position:absolute;top:17px;left:13px;transition:0.3s all ease}.like-buttons .smile:hover{box-shadow:0 4px 12px rgba(255,219,97,0.4),0 -5px 9px rgba(255,255,255,0.5) inset,0 5px 9px rgba(0,0,0,0.5) inset}.like-buttons .heart{background:#ff468e;box-shadow:0 4px 12px rgba(255,18,110,0.4);position:absolute;top:17px;right:13px;transition:0.3s all ease}.like-buttons .heart:hover{box-shadow:0 4px 12px rgba(255,18,110,0.4),0 -5px 9px rgba(255,255,255,0.5) inset,0 5px 9px rgba(0,0,0,0.5) inset}.submit-container{position:fixed;bottom:-60px;left:0;right:0;transition:0.4s all cubic-bezier(0.18, 0.89, 0.24, 1.57);transition-delay:0s;z-index:999}.submit-container .submit-btn{background:#00ffd5;border-radius:10px;color:#231f20;font-weight:600;box-shadow:0 4px 12px rgba(0,255,213,0.5);border:none;padding:12px 18px;font-size:22px}.show-submit{bottom:15px;transition-delay:0.3s}.hide-box{bottom:-170px;transition-delay:0s}.requirements{text-align:center;padding:0 30px 150px}.requirements .mobile-title{margin-bottom:10px}.requirements h2{font-weight:600;color:#231f20;font-size:8vw;margin-bottom:30px}.requirements .requirement-title{font-weight:600;color:#ff468e;font-size:6vw;margin-bottom:10px}.requirements .requirement-buttons .form-group{margin:0}.requirements .requirement-list+.requirement-list{margin-top:15px}.thank-you{padding:0 40px 100px;text-align:center;width:100%}.thank-you .mobile-title{margin-bottom:15vh;font-weight:600;font-size:12vw}.thank-you button{max-width:300px;margin-top:10px;border:none;border-radius:10px;width:100%;text-align:center;padding:10px 15px;color:#231f20;font-weight:600;background:#ffdb61}.checkbox-container{position:relative}.checkbox-container input[type="checkbox"]{outline:none;position:absolute;top:0;left:0;-webkit-appearance:none;appearance:none;background-color:#fff;margin:0 0px 0 0}.checkbox-container label{user-select:none;margin:0;transition:all 0.2s linear;background:none;border:1px solid #ddd;border-radius:10px;width:100%;padding:10px 15px;text-align:center;font-size:18px;font-weight:600;color:#231f20}.checkbox-container label:hover{border-color:#ff468e;cursor:pointer}.checkbox-container input[type="checkbox"]:checked+label{background:#ff468e;color:white;border-color:#ff468e}.checkbox-container .form-text{height:0;transition:0.4s all ease;padding:0 15px;border-color:transparent;margin-bottom:0px}.checkbox-container input[type="checkbox"]:checked~.form-text{height:70px;padding:15px 15px;border-color:#ddd;margin-bottom:20px}.checkbox-container input[type="checkbox"]:checked~.form-text:focus,.checkbox-container input[type="checkbox"]:checked~.form-text:active{border-color:#ff468e;outline:none}.form-text{width:100%;resize:none;border:1px solid #ddd;border-radius:10px;padding:10px}.form-text:focus,.form-text:active{border-color:#ff468e;outline:none}input[type="checkbox"]:checked~.form-description{display:block}.form-description{display:none;padding:10px 10px 0px 10px}.connect-screen{height:100vh;display:flex;align-items:center;justify-content:center}.connect-screen .connect-box{text-align:center;align-items:center;justify-content:center}.connect-screen .connect-box h1{font-size:3vw;margin-bottom:5vh}.connect-screen .connect-box h3{font-size:3vw}.connect-screen .connect-box h3 a{font-weight:600;color:black}.connect-screen .connect-box .code{font-size:4vw;background:#f0f0f0;border-radius:20px;align-items:center;padding:10px 10px 10px 30px;margin-top:40px}.connect-screen .connect-box .code .code-text{margin-right:20px;font-weight:100;color:black}.connect-screen .connect-box .code .code-img img{width:8.5vw;height:auto;max-width:200px;min-width:60px}.startup-screen{position:relative;top:90px}.startup-screen .connect-box{text-align:center;align-items:center;justify-content:center}.startup-screen .connect-box h1{font-size:4vw;margin-bottom:0vh}.presentation-title{padding-top:90px;text-align:center}.no-logo{margin-top:0}.mobile-logo{width:15vw;height:auto;margin-bottom:15px;min-width:60px}.nav-mobile-logo{width:auto;height:60px}@media (min-width: 1700px){.container{max-width:1500px}}@media (max-width: 1699.98px){.main-nav{padding:20px 15px}.main-nav .logo{width:150px}}@media (min-width: 768px){.mobile-title{font-size:30px;margin-bottom:20px}.streaming .status{font-size:48px}.thank-you .mobile-title{font-size:48px}.thank-you button{max-width:300px}.requirements h2{font-size:30px}.requirements .requirement-title{font-size:24px}.presentation-id{text-align:center}.presentation-id .mobile-input{margin:0;font-size:30px}}@media (max-width: 767.98px){.main-nav{padding:15px}.main-nav .logo{width:130px}.main-nav .menu{top:25px;right:15px}}