.leftSide[data-v-743e647a]{background:url(./leftSide2-o71x1zJ1.jpg);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;color:#fff;width:100%;height:100%}.rightSide[data-v-743e647a]{background:url(./rightSide-ooM3385k.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff;width:50%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}body[data-v-743e647a]{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#000}h1[data-v-743e647a]{font-size:3.2em;line-height:1.1;margin:0}p[data-v-743e647a]{font-size:1.2em;margin:0}.Home[data-v-743e647a]{margin:0;padding:0;display:flex;justify-content:center;align-items:center;width:100%;height:100vh}.leftSide[data-v-743e647a],.rightSide[data-v-743e647a]{margin:0;padding:0;width:50%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.leftSide[data-v-743e647a] .textContainerLeft[data-v-743e647a],.rightSide[data-v-743e647a] .textContainerLeft[data-v-743e647a]{padding:20px;border:2px solid #fff;border-radius:10px;background-color:#000;text-align:center;transition:all .5s ease}.leftSide[data-v-743e647a] .textContainerLeft[data-v-743e647a]:hover,.rightSide[data-v-743e647a] .textContainerLeft[data-v-743e647a]:hover{box-shadow:0 0 30px #ffffffbf}.leftSide[data-v-743e647a] .textContainerRight[data-v-743e647a],.rightSide[data-v-743e647a] .textContainerRight[data-v-743e647a]{width:auto;word-wrap:break-word;overflow:auto;padding:20px;border:2px solid #fff;border-radius:10px;background-color:#000;text-align:center;transition:all .5s ease;box-shadow:0 0 15px #ffffffbf}.leftSide[data-v-743e647a] .startButton[data-v-743e647a],.rightSide[data-v-743e647a] .startButton[data-v-743e647a]{display:flex;justify-content:center;align-items:center;margin:10px;padding:20px;border:none;border-radius:5px;background-color:#3f0606;color:#fff;font-size:1.2em;cursor:pointer;transition:background-color .3s ease}.leftSide[data-v-743e647a] .startButton[data-v-743e647a]:hover,.rightSide[data-v-743e647a] .startButton[data-v-743e647a]:hover{background-color:#7c3014}.leftSide[data-v-743e647a] .textContainerLeft[data-v-743e647a],.leftSide[data-v-743e647a] .textContainerRight[data-v-743e647a],.rightSide[data-v-743e647a] .textContainerLeft[data-v-743e647a],.rightSide[data-v-743e647a] .textContainerRight[data-v-743e647a]{width:50%}@media screen and (max-width: 900px){.leftSide[data-v-743e647a] .textContainerLeft h1[data-v-743e647a],.leftSide[data-v-743e647a] .textContainerRight h1[data-v-743e647a],.rightSide[data-v-743e647a] .textContainerLeft h1[data-v-743e647a],.rightSide[data-v-743e647a] .textContainerRight h1[data-v-743e647a]{font-size:1.2em;line-height:1.1;margin:0}.leftSide[data-v-743e647a] .textContainerLeft[data-v-743e647a],.leftSide[data-v-743e647a] .textContainerRight[data-v-743e647a],.rightSide[data-v-743e647a] .textContainerLeft[data-v-743e647a],.rightSide[data-v-743e647a] .textContainerRight[data-v-743e647a]{width:90%}.leftSide[data-v-743e647a] .textContainerLeft p[data-v-743e647a],.leftSide[data-v-743e647a] .textContainerRight p[data-v-743e647a],.rightSide[data-v-743e647a] .textContainerLeft p[data-v-743e647a],.rightSide[data-v-743e647a] .textContainerRight p[data-v-743e647a]{font-size:.9em;margin:0}}.difficulty-selector[data-v-0a5d5ff5]{display:flex;justify-content:center;align-items:center}.difficulty-selector button[data-v-0a5d5ff5]{margin:20px}.container[data-v-0a5d5ff5]{background-color:#2c3e50;padding:10px;border-radius:10px;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;margin:0 auto;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;height:60%;width:60%}.button-container[data-v-0a5d5ff5]{margin:20px;display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px}.button-container button[data-v-0a5d5ff5]{flex:1 0 30%;padding:10px 20px;font-size:18px;border:none;border-radius:5px;background-color:#000;color:#fff;cursor:pointer;transition:background-color .3s ease}.button-container button[data-v-0a5d5ff5]:hover{background-color:#2980b9}h1[data-v-0a5d5ff5]{margin:10px;text-align:center}.goBack[data-v-0a5d5ff5]{align-self:flex-start;padding:0;font-size:16px;border:none;border-radius:5px;background-color:#db3434;color:#fff;cursor:pointer;transition:transform .3s ease}button[data-v-0a5d5ff5]:hover{transform:scale(1.1)}@media screen and (max-width: 768px){.container[data-v-0a5d5ff5]{width:80%}}@media screen and (max-width: 620px){.container h1[data-v-0a5d5ff5]{font-size:1.5rem}.container[data-v-0a5d5ff5]{width:90%;height:80%}.container button[data-v-0a5d5ff5]{font-size:.8rem;padding:0}}.game[data-v-3a45f17a]{display:flex;width:100%;justify-content:space-between;align-items:center;height:100vh;padding:0 2%}.options[data-v-3a45f17a]{width:40%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;height:50%}.flashCard[data-v-3a45f17a]{font-size:23px;font-family:"Noto Serif SC",serif;background-color:#2f4f4f;border:1px solid #ccc;box-shadow:2px 2px 8px #0000001a;display:flex;align-items:center;flex-direction:column;height:80%;width:60%;position:relative}.optionButton[data-v-3a45f17a]{margin:0;width:40%;height:25%;background-color:#134b15;border:none;color:#fffbfb;text-align:center;font-size:30px;cursor:pointer;border-radius:12px;box-shadow:0 8px 16px #0003;transition-duration:.4s}.bottomFlashCard[data-v-3a45f17a]{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center}.bottomFlashCard>p[data-v-3a45f17a]{text-align:center}.displayScore[data-v-3a45f17a],.displayInfo[data-v-3a45f17a]{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%}.Info[data-v-3a45f17a]{display:flex;justify-content:space-between;gap:40px;margin:20px}.goBack[data-v-3a45f17a],.showDefinition[data-v-3a45f17a],.showPinyin[data-v-3a45f17a],.Submit[data-v-3a45f17a]{background-color:#af0911;border:none;color:#fff;text-align:center;text-decoration:none;font-size:20px;margin:4px;cursor:pointer;border-radius:12px;box-shadow:0 8px 16px #0003;transition-duration:.4s;height:50px;width:130px;vertical-align:middle}.goBack[data-v-3a45f17a]{float:left;display:inline-block}.header[data-v-3a45f17a]{width:100%;text-align:right}.flashCard p[data-v-3a45f17a]:first-child{font-size:8em;margin-bottom:auto}.showDefinition[data-v-3a45f17a]:hover,.Submit[data-v-3a45f17a]:hover,.showPinyin[data-v-3a45f17a]:hover{background-color:#45a049}.button-green[data-v-3a45f17a]{background-color:green}.button-red[data-v-3a45f17a]{background-color:red;color:#000}.heartIMG[data-v-3a45f17a]{height:30px}.triesLeft[data-v-3a45f17a]{margin:0;padding:0}.options-container[data-v-3a45f17a]{display:flex;flex-wrap:wrap;justify-content:space-between}.option[data-v-3a45f17a]{flex:1 0 200px;margin:10px}@media (max-width: 900px){.game[data-v-3a45f17a]{flex-direction:column;height:100%;font-size:15px;flex:wrap;justify-content:space-around}.flashCard[data-v-3a45f17a]{margin-top:5px;height:60%;width:100%;font-size:10px}.options[data-v-3a45f17a]{box-sizing:border-box;height:30%;width:100%;font-size:30px;margin-bottom:60px}.options button[data-v-3a45f17a]{height:20%;font-size:20px}}.game-over-screen[data-v-0742e679]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.game-over-screen h1[data-v-0742e679]{font-size:3.5em}.game-over-screen p[data-v-0742e679]{font-size:2.5em}button[data-v-0742e679]{display:flex;justify-content:center;align-items:center;margin:10px;padding:20px;border:none;border-radius:5px;background-color:#3f0606;color:#fff;font-size:1.2em;cursor:pointer;transition:background-color .3s ease}button[data-v-0742e679]:hover{background-color:#7c3014}html,#app{height:100vh}:root{line-height:1.5;font-weight:400;color:#ffffffde;background-color:#000;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}button{height:30px;width:100px;transition:transform .3s ease}button:hover{color:#bb1919;background-color:#aba2a2;transform:scale(1.1)}