body{text-align:center;background-color:#282c34;color:#fff}header{display:flex;flex-direction:row;justify-content:center;padding:4px;height:72px}#stats{display:flex;flex-direction:row;justify-content:center}#stats>h1{display:inline;padding:16px}#char-display{display:flex;flex-direction:row;justify-content:center}#char-display>h1{display:inline;padding:4px;font-size:4em}kbd.correct{color:#adff2f}kbd.current{background-color:#fff;color:#282c34}kbd.next{background-color:#282c34;color:#777}kbd.incorrect{background-color:red;color:#282c34}@keyframes roadRunnerIn{0%{transform:translate(-1500px) skew(30deg) scaleX(1.3)}70%{transform:translate(30px) skew(0) scaleX(.9)}to{transform:translate(0) skew(0) scaleX(1)}}@keyframes roadRunnerOut{0%{transform:translate(0) skew(0) scaleX(1)}30%{transform:translate(-30px) skew(-5deg) scaleX(.9)}to{transform:translate(1500px) skew(30deg) scaleX(1.3)}}.modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;transform:scale(1);background:#54545481}.modal{margin:auto;width:90%;max-width:40rem;background-color:#202327;border-radius:1.5rem;animation:roadRunnerIn .3s cubic-bezier(.165,.84,.44,1) forwards}.modal-header,.modal-content{padding:1.5rem}.modal-header{display:flex;justify-content:center}.cards{position:fixed;bottom:0;max-height:33vh;padding:4px;display:flex;flex-direction:row}img.lastCard{outline:none;border-color:#9ecaed;box-shadow:0 0 10px #9ecaed}#logo{position:fixed;left:0;margin:4px}#new-game{position:fixed;right:0;height:48px;padding:16px;margin:4px;background-color:#483d8b;color:#f5f5f5}#app-refresh{height:48px;padding:16px;margin:4px;background-color:orange;color:#282c34}.binderCards{display:flex;flex-direction:row;align-items:center;justify-content:center;min-height:50vh}.currentCard{width:325px}.previousCard,.nextCard{width:250px}.previousCard>img{cursor:w-resize}.nextCard>img{cursor:e-resize}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}