:root{--licht-achtergrond:#ffeecb;--tekst-donker:#4d1d16;--achtergrond:#f0a202;--letter-tekst:#fff;--letter-verkeerdeplek:#ff6978;--letter-goed:#49dbb9;--letter-achtergrond:#464686;--bungee:Bungee,serif!important}@font-face{font-family:Quicksand;src:url(../fonts/Quicksand-VariableFont_wght.f9baef8a.ttf) format("truetype-variations");font-weight:1 999}@font-face{font-family:Bungee;src:url(../fonts/Bungee-Regular.a6e5229e.ttf) format("truetype-variations");font-weight:1 999}body,html{margin:0;padding:0;background:var(--achtergrond)}html *{font-family:Quicksand,serif!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--tekst-donker)}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.wrapper[data-v-0506fd9d]{position:relative}.background[data-v-0506fd9d]{box-sizing:border-box;content:"";position:absolute;top:9px;left:0;right:0;bottom:-12px;border-radius:500px;outline:0;background:#40c1a3;border:var(--tekst-donker) 4px solid;transition:.1s}:disabled~.background[data-v-0506fd9d]{background:#6f6f6f}.DButton[data-v-0506fd9d]{z-index:1;position:relative;width:100%;height:100%;color:var(--tekst-donker);font-size:40px;font-weight:700;border-radius:500px;outline:0;border:var(--tekst-donker) 3px solid;box-sizing:border-box;padding:10px 20px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--letter-goed);cursor:pointer;transition:.1s}@media(pointer:fine){.DButton[data-v-0506fd9d]:hover:not(:disabled){margin-top:2px;margin-bottom:-2px}}.DButton[data-v-0506fd9d]:disabled{cursor:not-allowed;background:#adadad}.active>.DButton[data-v-0506fd9d]:not(:disabled),.DButton[data-v-0506fd9d]:active:not(:disabled){margin-top:5px;margin-bottom:-5px}.form-group[data-v-52cd9504]{margin:10px;position:relative;border-radius:15px;font-weight:700;color:var(--tekst-donker);box-sizing:border-box;display:flex;justify-content:flex-start;flex-direction:column}.form-group>label[data-v-52cd9504]{font-size:20px;padding:2px 15px;box-sizing:border-box;text-align:start}.form-group>input[data-v-52cd9504]{color:var(--tekst-donker);padding:10px 10px;font-weight:700;outline:none;width:100%;font-size:36px;border-radius:15px;background:var(--licht-achtergrond);border:var(--tekst-donker) 3px solid;box-sizing:border-box}.DCanvas[data-v-390da76e]{position:relative;display:flex;flex-direction:column}.DCanvas label[data-v-390da76e]{background:var(--achtergrond);font-size:20px;padding:0 0 2px 15px;box-sizing:border-box;color:var(--tekst-donker);font-weight:700;text-align:start}.DCanvas canvas[data-v-390da76e]{box-sizing:border-box;border-radius:15px;width:250px;height:250px;background:var(--licht-achtergrond);position:relative}.DCanvas>.wrapper[data-v-390da76e]{width:300px;display:flex;justify-content:space-between}.DCanvas>.wrapper[data-v-390da76e]:after{content:"";border-radius:15px;width:250px;height:250px;position:absolute;border:var(--tekst-donker) 3px solid;box-sizing:border-box;pointer-events:none}.buttons[data-v-390da76e]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:5px}.buttons .button .circle[data-v-390da76e]{background:var(--color);width:10px;height:10px;border-radius:10px}.buttons .button{width:40px;height:40px;margin-bottom:8px}.buttons .button button{background:var(--licht-achtergrond);outline:none;padding:0;display:flex;justify-content:center;align-items:center}.buttons .button button img{width:24px;height:24px}.buttons .button .background{bottom:-8px;background:var(--licht-achtergrond)}.buttons .button.active .background,.buttons .button.active button{background:var(--color)}.home[data-v-59da791c]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px}.home h1[data-v-59da791c]{font-family:Bungee,serif!important;font-size:50px;margin-top:0}.meedoen[data-v-59da791c]{width:300px;margin:20px 0}.code[data-v-59da791c],.name[data-v-59da791c]{width:300px}.canvas[data-v-59da791c],.code[data-v-59da791c],.name[data-v-59da791c]{margin:10px 0}.code input{text-transform:uppercase;letter-spacing:10px;padding-left:20px!important}.code input,.name input{text-align:center}