body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34}#app{text-align:center}#app-body{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}@keyframes flash-red{0%,to{opacity:1;color:#fff}50%{opacity:.5;color:#ff1111cf}}@keyframes flash-green{0%,to{opacity:1;color:#fff}50%{opacity:.5;color:#00d85d}}.flash-effect-red{animation:flash-red 1s}.flash-effect-green{animation:flash-green 1s}@keyframes shake-vertical{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(5px)}75%{transform:translateY(-5px)}}.shake-effect-vertical{display:inline-block;animation:shake-vertical .5s}.character-generator:hover{color:#ff1111cf;cursor:pointer}.key-block{margin:0;font-family:hack,monospace;font-size:258%;letter-spacing:16px;font-weight:700;white-space:pre}:root{--RED: #ff1111cf;--GREEN: #00d85d}#successful-keys{color:var(--GREEN)}#incorrect-key,.failure-key{color:var(--RED)}.faded{opacity:.6}@keyframes pulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}.pulse{animation:pulse 2s infinite}.advertisement{width:320px;height:50px}