.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#121213;color:#fff}nav.navbar{border-bottom:1.5px solid #3d3d41;color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:20px;height:40px;text-align:center;width:100%}.board{flex-direction:column;height:385px;margin-top:-20px;width:315px}.board,.row{display:flex}.row{flex:33% 1;flex-direction:row;margin:5px}.letter{border:2px solid #3d3d41;color:#fff;display:grid;flex:33% 1;font-family:Arial,Helvetica,sans-serif;font-size:2em;font-weight:bolder;height:100%;margin:3px;place-items:center}.row1,.row2,.row3{display:flex;flex:33% 1;flex-direction:row;justify-content:center;margin:5px}.keyboard{height:300px;margin-top:20px;width:700px}.key{background-color:#818384;border-radius:4px;color:#fff;display:grid;font-family:Arial,Helvetica,sans-serif;font-size:1.25em;font-weight:700;height:60px;margin:3px;place-items:center;width:40px}#big{font-size:12px;width:75px}.box{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 170px);padding-top:30px;width:100vw}#correct{background-color:#538d4e}#almost{background-color:#b59f3b}#disabled,#wrong{background-color:#3a3a3c}.letter.correct{--background-color:#538d4e;animation:flip .6s forwards}.letter.almost{--background-color:#b59f3b;animation:flip .6s forwards}.letter.wrong{--background-color:#3a3a3c;animation:flip .6s forwards}@keyframes flip{0%{background-color:#121213;border-color:#3d3d41;transform:rotateX(0)}45%{background-color:#121213;border-color:#3d3d41;transform:rotateX(90deg)}55%{background-color:var(--background-color);transform:rotateX(90deg)}to{background-color:var(--background-color);transform:rotateX(0deg)}}.letter:first-child{animation-delay:0s}.letter:nth-child(2){animation-delay:.2s}.letter:nth-child(3){animation-delay:.4s}.letter:nth-child(4){animation-delay:.6s}.letter:nth-child(5){animation-delay:.8s}.ending{display:block;font-family:Arial,Helvetica,sans-serif;height:80%;text-align:center;top:0;width:25%}
/*# sourceMappingURL=main.07ddee03.css.map*/