.btn{padding:20px;border-radius:10px;background-color:#8a2be2;color:#fff;font-size:13px;border:none}.btn:hover{background-color:#7fffd4;cursor:pointer;color:#222;transform:scale(1.02);transition:all .4s ease}[v-cloak]{display:none}div{display:flex;justify-content:center;align-items:center;flex-direction:column}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#000;margin-top:60px}#cards{justify-content:center;display:grid;grid-template-columns:300px 300px 300px;grid-gap:30px}.card{background-color:#e8f0ff;border-radius:5px;padding:10px;font-size:25px}input{width:270px}input[type=text]{border:0;font-size:25px;border-radius:5px;margin-top:5px;text-align:center;padding:5px}.hint{font-size:13px}.word{font-weight:700}.correctAnswer{padding:0;margin:0}.correct{color:#0f5132;background-color:#8ee0bb}#correctCount{font-size:20px;margin:10px;font-weight:700;padding:10px}#completed{font-size:20px;font-weight:700;color:#0f5132;padding:10px;margin:10px}.error{background-color:pink}.success{background-color:#81e0b4}.logo[data-v-f87213e0]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-f87213e0]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-f87213e0]:hover{filter:drop-shadow(0 0 2em #42b883aa)}