h1[data-v-a5e83ce4]{@media screen and (min-width: 990px){font-size:var(--h1-desktop-font-size)}font-size:var(--h1-mobile-font-size)}button[data-v-e7eb3660]{padding:1em 5em;font-size:18px;box-shadow:6px 8px #7a7979;background-color:var(--secondary-color);border-radius:1px;border-style:solid;border-color:#000;cursor:pointer;width:100%}button[data-v-e7eb3660]:hover,button[data-v-e7eb3660]:focus{background-color:var(--button-hover-color)}button[data-v-e7eb3660]:active{box-shadow:2px 4px #7a7979;transform:translateY(0)}section[data-v-513c0bcd]{display:grid;gap:10%;place-items:center;margin:15%}.buttonWrap[data-v-513c0bcd]{@media only screen and (min-width: 768px){width:40%}justify-content:space-between}.play[data-v-513c0bcd]{margin-bottom:20px}.error[data-v-74a8a42d]{font-size:larger;color:#430303;padding:20px;background-color:#ffd2d2;border-style:dotted;border-width:2px}.categories[data-v-74a8a42d]{display:grid;grid-auto-columns:minmax(0,1fr);@media screen and (min-width: 768px){grid-auto-flow:column;gap:40px;margin-top:20px}gap:20px;margin-top:10px}.create-form h2[data-v-74a8a42d]{@media screen and (min-width: 768px){margin:0 0 20px}}.create-form input[data-v-74a8a42d]{width:100%;@media screen and (min-width: 768px){height:50px;margin-bottom:30px;font-size:18px}height:35px;margin-bottom:10px;font-size:15px}section[data-v-74a8a42d]{border-style:inset;border-width:1px;padding:12px;box-shadow:6px 8px #7a7979;background-color:var(--tertiary-color)}.link[data-v-74a8a42d]{padding-top:30px;border-top:dotted}.submit-button[data-v-74a8a42d]{@media screen and (min-width: 768px){width:400px;margin:40px auto}height:auto;margin:20px auto;display:block}button[data-v-5e1da3ef]{font-size:12px;min-height:30px;width:100%;height:100%;background-color:var(--grid-button-color);border-style:solid;border-color:#000;border-radius:5px;cursor:pointer;@media screen and (min-width: 990px){font-size:1.2em;min-width:200px;min-height:100px}}.failed[data-v-5e1da3ef]{background-color:var(--grid-button-color);animation:shake .5s}.solved[data-v-5e1da3ef]{background-color:var(--grid-button-solved)}button[data-v-5e1da3ef]:hover{background-color:var(--grid-button-hover)}.highlight[data-v-5e1da3ef],.highlight[data-v-5e1da3ef]:hover{background-color:var(--grid-button-highlight)}.guessWrap[data-v-b8df82be]{margin-bottom:10px}.guessInput[data-v-b8df82be]{position:relative;font-size:16px;font-size:max(16px,1em);font-family:inherit;padding:.25em .5em;background-color:#fff;border:2px solid;border-radius:4px;display:inline-block;margin-bottom:10px;height:35px}button[data-v-b8df82be]{height:35px;@media screen and (min-width: 768px){font-size:1.2em}font-size:12px;background-color:var(--secondary-color);border-radius:1px;border-style:solid;border-color:#000;cursor:pointer}button[data-v-b8df82be]:hover,button[data-v-b8df82be]:focus{background-color:var(--button-hover-color)}.guessWrap[data-v-bf02f19d]{display:grid}.guess[data-v-bf02f19d]{padding-bottom:20px}.congrats[data-v-bf02f19d]{font-weight:700}.grid[data-v-bf02f19d]{display:grid;grid-column-start:initial;grid-template-columns:repeat(4,1fr);@media screen and (min-width: 990px){gap:20px}gap:7px;border-radius:8px}.matched[data-v-bf02f19d]{animation:shake .5s}.no-1[data-v-bf02f19d]{grid-row-start:1}.no-2[data-v-bf02f19d]{grid-row-start:2}.no-3[data-v-bf02f19d]{grid-row-start:3}.no-4[data-v-bf02f19d]{grid-row-start:4}.categoryContainer[data-v-bf02f19d]{margin:0 auto;width:fit-content}.categoryInput[data-v-bf02f19d]{width:100%}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(11, 72, 87, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}:root{--primary-color: #e2ffec;--secondary-color: #e2f5ff;--tertiary-color: #ffe2fa;--button-hover-color: #ffd2a1;--grid-button-color: #c0faff;--grid-button-hover: #e6fdff;--grid-button-solved: rgb(179, 249, 179);--grid-button-highlight: rgb(209, 209, 251);--grid-border-color: rgb(240, 123, 209);--h1-desktop-font-size: 4.5em;--h1-mobile-font-size: 3em}body{background-color:var(--primary-color)}.dark{--primary-color: #ffffff;--secondary-color: #f9f9f9;--tertiary-color: #fdf9f9;--button-hover-color: #ffffff;--grid-button-color: #959191;--grid-button-hover: #ffffff;--grid-button-color: #bbbbbb31;--grid-button-hover: #ffffff1f;--grid-button-solved: rgb(255, 255, 255);--grid-button-highlight: rgb(146, 142, 142);--grid-border-color: black;--h1-desktop-font-size: 4.5em;--h1-mobile-font-size: 3em;background-color:var(--primary-color)}.container{font-size:12px;@media screen and (min-width: 990px){box-shadow:16px 18px #7a7979;font-size:1.2em}box-shadow:6px 8px #7a7979;margin:0 auto 5%;border-style:solid;border-width:4px;border-color:var(--grid-border-color);background-color:var(--tertiary-color);padding:2%;max-width:fit-content}#app{max-width:auto;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}