#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background-color:#f9fafe}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.drop-zone[data-v-8a843b5e]{display:flex;flex-direction:column;gap:10px;min-width:-moz-fit-content;min-width:fit-content;max-width:650px;margin:5px;min-height:80vh}.drop-zone-single[data-v-8a843b5e],.drop-zone[data-v-8a843b5e]{background-color:#f9fafe;box-shadow:2px 3px 10px 2px #d7dfff;border-radius:10px;padding:10px}.drop-zone-single[data-v-8a843b5e]{min-width:500px;margin:10px;min-height:10vh;max-height:-moz-fit-content;max-height:fit-content}.drag-el[data-v-8a843b5e]{padding:2px;display:flex;flex-direction:row;align-items:center;gap:10px;position:relative}.drag-el .aplha[data-v-8a843b5e]{width:20px;height:60px;position:relative;top:0;right:20;padding-left:20px;padding-right:20px;border-radius:5px;color:#fff;z-index:66}.textIncorrect[data-v-8a843b5e]{color:#cb3434;border:1px solid #cb3434}.drag-el .cardtext[data-v-8a843b5e]{width:100%;position:relative;left:0;border-radius:5px;padding:10px;box-shadow:2px 3px 10px 2px #d7dfff;background-color:#fff}.textCorrect[data-v-8a843b5e]{border:1px solid #098248;color:#098248}.unidentified[data-v-8a843b5e]{background-color:#6d71fa}.alphaCorrect[data-v-8a843b5e]{background-color:#098248}.alphainCorrect[data-v-8a843b5e]{background-color:#cb3434}.flex-parent[data-v-8a843b5e]{display:flex;flex-direction:row;justify-content:space-evenly;margin:10px}.flexbox[data-v-8a843b5e]{display:flex;flex-direction:column;height:100%;width:100%;flex-wrap:wrap;min-width:100px;overflow:hidden;margin:0 10;padding:15px}#buttons[data-v-8a843b5e]{margin:0;text-align:center}.relative[data-v-8a843b5e]{padding:10px;display:flex;width:100%;flex-direction:row;justify-content:space-between;background-color:#fff}.navitem[data-v-8a843b5e]{width:100px;height:50px;padding:10px;text-align:center;border:none;background-color:#272971;border-radius:5px;color:#fff;cursor:pointer;font-weight:400;font-size:large}.navitem[data-v-8a843b5e]:hover{background-color:#fff;color:#272971;border:1px solid #272971;cursor:pointer;font-weight:700}#snackbar[data-v-8a843b5e]{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:17px}#snackbar.show[data-v-8a843b5e]{visibility:visible;animation:fadein-8a843b5e .5s,fadeout-8a843b5e .5s 2.5s}@keyframes fadein-8a843b5e{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout-8a843b5e{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.button-30[data-v-8a843b5e]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fcfcfd;border-radius:4px;border-width:0;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;box-sizing:border-box;color:#36395a;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;height:48px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:18px}.button-30[data-v-8a843b5e]:focus{box-shadow:inset 0 0 0 1.5px #d6d6e7,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7}.button-30[data-v-8a843b5e]:hover{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;transform:translateY(-2px)}.button-30[data-v-8a843b5e]:active{box-shadow:inset 0 3px 7px #d6d6e7;transform:translateY(2px)}.modal[data-v-8a843b5e]{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content[data-v-8a843b5e]{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.close[data-v-8a843b5e]{color:#aaa;float:right;font-size:28px;font-weight:700}.close[data-v-8a843b5e]:focus,.close[data-v-8a843b5e]:hover{color:#000;text-decoration:none;cursor:pointer}.codebox{height:80%;width:45%;padding:25px;border-radius:10px;background-color:#f9fafe;box-shadow:2px 3px 10px 2px #d7dfff;overflow-x:hidden}#buttons{margin:0;text-align:center}.relative{padding:10px;width:100%;justify-content:space-between;background-color:#fff}.flex-row,.relative{display:flex;flex-direction:row}.flex-row{gap:50px;margin:20px;background-color:#f9fafe;justify-content:flex-start;min-height:40vh}.navitem{width:100px;height:50px;padding:10px;text-align:center;border:none;background-color:#272971;border-radius:5px;color:#fff;cursor:pointer;font-weight:400;font-size:large}.navitem:hover{background-color:#fff;color:#272971;border:1px solid #272971;cursor:pointer;font-weight:700}.content{height:80%;width:45%;padding:25px;border-radius:10px;background-color:#f9fafe;box-shadow:2px 3px 10px 2px #d7dfff;overflow-x:hidden}