@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}#wordContainer input{margin:0 3px;padding:0;display:inline;border-radius:.25rem;border:1px solid #7a7878;text-align:center;font-size:18px;width:24px}#c-keyboard .key,.button{background-color:#5a89b5;color:#f7faf7}#c-keyboard .key:hover,.button:hover{background-color:#437aad;color:#f7faf7}#c-keyboard{padding-bottom:10px;margin-top:2vh}#c-keyboard .key{padding:0 0 2px;cursor:pointer;margin:10px 4px 1px}#c-keyboard .key:hover{transform:scale(1.1)}#c-keyboard .wrong-key{border-color:#f5c6cb}#c-keyboard .wrong-key,#c-keyboard .wrong-key:hover{color:#721c24;background-color:#f8d7da}#c-keyboard .right-key{border-color:#c3e6cb}#c-keyboard .right-key,#c-keyboard .right-key:hover{color:#155724;background-color:#d4edda}@media only screen and (max-width:600px){#c-keyboard{width:346px}#c-keyboard .key{width:24px;font-size:16px}#wordContainer .letter{width:16px;font-size:14px;margin:0 1px}}@media only screen and (min-width:600px){#c-keyboard{width:420px}#c-keyboard .key{width:28px;font-size:18px}#wordContainer .letter{width:18px;font-size:14px;margin:0 2px}}@media only screen and (min-width:768px){#c-keyboard{width:520px}#c-keyboard .key{width:32px;font-size:20px}#wordContainer .letter{width:20px;font-size:16px;margin:0 2px}}@media only screen and (min-width:992px){#c-keyboard{width:560px}#c-keyboard .key{width:36px;font-size:20px}#wordContainer .letter{width:28px;font-size:22px;margin:0 4px}}@media only screen and (min-width:1200px){#c-keyboard{width:560px}#c-keyboard .key{width:42px;font-size:20px}#wordContainer .letter{width:28px;font-size:22px;margin:0 4px}}#snackbar{visibility:hidden;width:100%;background-color:#5a89b5;color:#f7faf7;text-align:center}#snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}.error-image{width:12vh;margin:auto}