.nav-container{width:15em;height:2em;margin:0 auto;display:flex;justify-content:space-around;position:relative}.nav-button{display:flex;flex-direction:column;align-items:center}.nav-button span{font-size:.6em;color:#666;opacity:0;transition:opacity .3s;position:absolute;top:100%}.nav-button svg{width:2em;filter:drop-shadow(2px 2px 0px #666)}.background{fill:#fff;stroke:#666;stroke-width:1px}g,path{fill:#666;stroke:#666;stroke-width:2px;stroke-linecap:square;stroke-linejoin:round}.dot,path{transition:stroke .3s}.no-fill,.active .no-fill{fill:none}.nav-button:hover g,.nav-button:hover path{stroke:#000}.nav-button:hover .dot{fill:#000}.nav-button:hover .background{fill:#eee}.nav-button:hover span{opacity:1}.active .background{fill:#11d4ff;stroke:#11d4ff}.active g,.active path{stroke:#fff;fill:#fff}.active .dot{fill:#fff}.nav-button:hover .active .background{fill:#11d4ff}.nav-button:hover .active g,.nav-button:hover .active path{stroke:#fff}.nav-button:hover .active .dot{fill:#fff}.language-switcher{width:7em;height:3em}.flag{width:3em;height:3em;transform:scale(.5);position:absolute;top:0em;cursor:pointer;background-size:cover;background-position:center;border-radius:50px;opacity:.3}.en{right:4em;background-image:url(/assets/uk-c6df1730.svg)}.es{right:2em;background-image:url(/assets/es-dc1886e1.svg)}.nl{right:0em;background-image:url(/assets/nl-c5ff7d5d.svg)}.active-language{box-shadow:0 0 0 5px #11d4ff;border:5px solid white;box-sizing:border-box;opacity:1}.settings[data-v-b85de001]{width:20em;margin:0 auto;text-align:left;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-around}h2[data-v-b85de001]{margin:0 0 1em;text-align:center}.item[data-v-b85de001]{padding:1em;border:1px solid #ccc;border-radius:5px;margin:1em .5em;box-shadow:2px 2px #0003}.categories div[data-v-b85de001]{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;margin-bottom:.3em}.categories .alert[data-v-b85de001]{position:absolute;max-width:100%;background:rgba(255,0,0,.2);color:red;padding:0 1em;transform:translateY(-1.25em);line-height:2;border-radius:5px;border:1px solid}.languages[data-v-b85de001]{display:grid;text-align:center;grid-template-columns:50% 50%;grid-template-rows:auto auto}.languages h2[data-v-b85de001]{grid-column:1 / 3;grid-row:1}.languages div[data-v-b85de001]{display:flex;flex-direction:column}.language-switcher[data-v-b85de001]{position:absolute;top:0em;right:0}div[data-v-40741d6f],div[data-v-7120249e]{margin:3em 1em}h3[data-v-7120249e]{font-size:1em;line-height:1em;margin:0 0 -1em}h3[data-v-7120249e]:before{content:"-"}li[data-v-7120249e]{margin:.5em 0}.help-image[data-v-7120249e]{margin:1em}.indent[data-v-7120249e]{margin-left:1em}.intro{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10;display:flex;align-items:center;justify-content:center}.intro-inner{max-width:30em;padding:2em;line-height:2em;border-radius:10px;background-color:#fff;box-shadow:1px 1px 3px 1px #999;position:relative}.intro-inner h1{margin:2em 0 1em}.intro-inner svg{width:1.5em;height:1.5em;position:relative;top:.2em}.intro-inner language-switcher{position:absolute;top:0em;right:0}.container[data-v-a0752a5b]{perspective:1000px;margin:0 auto;height:25em}.flashcards[data-v-a0752a5b],.front[data-v-a0752a5b],.back[data-v-a0752a5b]{height:20em;width:15em}.flashcards[data-v-a0752a5b]{margin:0 auto;position:relative;transition:.3s;transform-style:preserve-3d;clear:both}.flipped[data-v-a0752a5b]{transform:rotateY(180deg)}.front[data-v-a0752a5b],.back[data-v-a0752a5b]{padding:15%;display:flex;flex-direction:column;justify-content:space-between;backface-visibility:hidden;position:absolute;box-sizing:border-box;top:0;left:0;border-radius:10px;box-shadow:0 0 0 4px #11d4ff,0 0 0 8px #fff,1px 1px 0 9px #ccc,1px 1px 5px 9px #ccc}.front[data-v-a0752a5b]{z-index:2;transform:rotateY(0)}.back[data-v-a0752a5b]{transform:rotateY(-180deg)}.question[data-v-a0752a5b],.answer[data-v-a0752a5b]{text-align:center;font-size:1.5em}.button-box[data-v-a0752a5b]{align-self:flex-end;position:relative;display:flex;width:100%;height:30%}.button-box svg[data-v-a0752a5b]{width:6em}.button-box path[data-v-a0752a5b],.back-button path[data-v-a0752a5b]{fill:none;stroke:#fff;stroke-linecap:square;stroke-width:2}.flip[data-v-a0752a5b]{margin:0 auto}.flip circle[data-v-a0752a5b]{fill:#11d4ff}.wrong circle[data-v-a0752a5b]{fill:#d41111}.right circle[data-v-a0752a5b]{fill:#11d42e}.flip[data-v-a0752a5b]:hover,.right[data-v-a0752a5b]:hover,.wrong[data-v-a0752a5b]:hover{cursor:pointer}.back-button[data-v-a0752a5b]{width:2em;margin:0;position:absolute;right:.5em;top:.5em}.back-button circle[data-v-a0752a5b]{fill:#aaa}@keyframes fromDeck0-a0752a5b{0%{transform:translate3d(-200px,700px,-2000px);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes fromDeck1-a0752a5b{0%{transform:translate3d(-50px,700px,-2000px);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes fromDeck2-a0752a5b{0%{transform:translate3d(50px,700px,-2000px);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes fromDeck3-a0752a5b{0%{transform:translate3d(200px,700px,-2000px);opacity:0}to{transform:translateZ(0);opacity:1}}.fromDeck0[data-v-a0752a5b]{animation:fromDeck0-a0752a5b .3s ease-out}.fromDeck1[data-v-a0752a5b]{animation:fromDeck1-a0752a5b .3s ease-in-out}.toDeck1[data-v-a0752a5b]{animation:fromDeck1-a0752a5b .3s ease-in-out reverse}.fromDeck2[data-v-a0752a5b]{animation:fromDeck2-a0752a5b .3s ease-in-out}.toDeck2[data-v-a0752a5b]{animation:fromDeck2-a0752a5b .3s ease-in-out reverse}.fromDeck3[data-v-a0752a5b]{animation:fromDeck3-a0752a5b .3s ease-in-out}.toDeck3[data-v-a0752a5b]{animation:fromDeck3-a0752a5b .3s ease-in-out reverse}.ie .flashcards[data-v-a0752a5b]{transition:none}.ie .flipped[data-v-a0752a5b],.ie .front[data-v-a0752a5b],.ie .back[data-v-a0752a5b]{transform:none}.ie .front[data-v-a0752a5b]{display:-ms-flexbox;display:flex}.ie .back[data-v-a0752a5b],.ie .flipped .front[data-v-a0752a5b]{display:none}.ie .flipped .back[data-v-a0752a5b]{display:-ms-flexbox;display:flex}.ie .back-button[data-v-a0752a5b]{top:-8.5em}.stats{width:15em;height:5em;margin:0 auto;text-align:center;display:flex;flex-direction:row;justify-content:space-between}.stats div{background-color:#fff;width:22.5%;padding:.5em 0;border:2px solid #11d4ff;border-radius:5px;text-align:center;transition:all .3s ease-in-out;display:flex;flex-direction:column;justify-content:space-evenly}.stats p{margin:0}.hundred{box-shadow:1px 1px #ccc,2px 2px #eee,3px 3px #ccc,4px 4px #eee,5px 5px #ccc,6px 6px #eee,7px 7px #ccc,8px 8px #eee,9px 9px #ccc,10px 10px #eee;transform:translate(-10px) translateY(-10px)}.ninety{box-shadow:1px 1px #ccc,2px 2px #eee,3px 3px #ccc,4px 4px #eee,5px 5px #ccc,6px 6px #eee,7px 7px #ccc,8px 8px #eee,9px 9px #ccc;transform:translate(-9px) translateY(-9px)}.eighty{box-shadow:1px 1px #ccc,2px 2px #eee,3px 3px #ccc,4px 4px #eee,5px 5px #ccc,6px 6px #eee,7px 7px #ccc,8px 8px #eee;transform:translate(-8px) translateY(-8px)}.seventy{box-shadow:1px 1px #ccc,2px 2px #eee,3px 3px #ccc,4px 4px #eee,5px 5px #ccc,6px 6px #eee,7px 7px #ccc;transform:translate(-7px) translateY(-7px)}.sixty{box-shadow:1px 1px #ccc,2px 2px #eee,3px 3px #ccc,4px 4px #eee,5px 5px #ccc,6px 6px #eee;transform:translate(-6px) translateY(-6px)}.fifty{box-shadow:1px 1px #ccc,2px 2px #eee,3px 3px #ccc,4px 4px #eee,5px 5px #ccc;transform:translate(-5px) translateY(-5px)}.fourty{box-shadow:1px 1px #ccc,2px 2px #eee,3px 3px #ccc,4px 4px #eee;transform:translate(-4px) translateY(-4px)}.thirty{box-shadow:1px 1px #ccc,2px 2px #eee,3px 3px #ccc;transform:translate(-3px) translateY(-3px)}.twenty{box-shadow:1px 1px #ccc,2px 2px #eee;transform:translate(-0px) translateY(-0px)}.ten{box-shadow:1px 1px #ccc;transform:translate(-1px) translateY(-1px)}.zero{background-color:#f8f8f8}#app{background-color:#ffffff4d;width:100%;max-width:40em;height:100vh;max-height:45em;margin:auto;box-sizing:border-box}header{margin:2em auto 1em}main{padding-bottom:3em}.intro-leave-active,intro-enter-active{transition:opacity .4s}.intro-leave-to,intro-enter-from{opacity:0}@media only screen and (max-height: 640px){.button{height:2.5em}}body{margin:0;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;display:flex;height:100vh}h1{text-transform:uppercase;letter-spacing:.1em;text-align:center;margin:.5em auto 1em;color:#666;line-height:2}@media only screen and (min-height: 800px){h1{line-height:3}}h2{font-size:1em;margin:3em 0 1em}a{color:inherit}input{float:left;clear:left}label{float:left;clear:right;width:calc(100% - 2em)}.button{-webkit-appearance:none;background:-webkit-linear-gradient(#fff,#fff);background:linear-gradient(#fff,#fff);border:1px solid #666;border-radius:4px;display:block;margin:2em .5em;padding:0;width:30%;min-width:4em;max-width:6em;height:2.5em;cursor:pointer;box-shadow:2px 2px #0003}.button:hover{box-shadow:2px 2px 0 1px #999}.button-green{background:-webkit-linear-gradient(#0dcc8f,#0dcc8f);background:linear-gradient(#0dcc8f,#0dcc8f);border:2px solid #0dcc8f;color:#fff;font-weight:700}.button[disabled]{filter:grayscale(1) opacity(.25)}input[type=radio]{display:none}input[type=radio]+label{width:5em;padding:.2em;margin:0 auto}input[type=radio]:checked+label{border:2px solid #0dcc8f;border-radius:4px}.width-2em{width:2em}.width-4em{width:4em}.width-30{width:30%}.width-50{width:50%}.width-80{width:80%}.width-100{width:100%}.centered{margin:0 auto}.float-right{float:right}.ie-info{display:none}.ie .ie-info{display:block}