@import url(https://fonts.googleapis.com/css2?family=Vujahday+Script&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#d0cfd2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto}#root{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 70px);justify-content:center}h4{border-bottom:0;font-size:1.1em;line-height:1.2em;margin:0 auto 20px;max-width:450px;width:100%}.App-header,h4{text-align:center}.App-header{align-items:center;display:flex;height:40px;justify-content:center}.App-header h1{color:#4f4b60;font-size:1.4em}.outside{align-items:center;display:flex;flex-grow:1;height:calc(100vh - 240px);justify-content:center;overflow:auto;width:100%}.Board,.outside{min-height:300px}.Board{box-sizing:border-box;display:grid;grid-auto-flow:row;grid-auto-rows:1fr;height:100%;padding:0 10px}.Board.ar-5-6{aspect-ratio:5/6;max-height:120vw}.Board.ar-6-7{aspect-ratio:6/7;max-height:116.66667vw}.Board .row{grid-gap:0 5px;display:grid;grid-auto-columns:1fr;touch-action:manipulation}.container{display:table-cell;text-align:center;vertical-align:middle}.neon-green{color:#006f74}.neon-green,.neon-red{font-family:Vujahday Script,cursive;font-size:60px}.neon-red{color:darkred}@-webkit-keyframes fadeIt{0%,to{border-color:#9aa5ab;color:#245370}50%{border-color:#b16061;color:#922527}}@keyframes fadeIt{0%,to{border-color:#9aa5ab;color:#245370}50%{border-color:#b16061;color:#922527}}.cell{align-items:center;aspect-ratio:1/1;border:2px solid #9aa5ab;border-radius:4px;box-sizing:border-box;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:2rem;font-weight:700;grid-row:1;justify-content:center;line-height:2rem;min-width:40px;text-transform:uppercase;transition:background-color .5s,border-color .5s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:100%}.cell-default{background-color:#dfdfdf;border-color:#9aa5ab}.cell-active,.cell-default{color:#245370;transition:none!important;transition-delay:0s!important}.cell-active{background-color:#c4dde5;border-color:#8ba4ad}.cell-wrong{-webkit-animation:fadeIt 1.1s ease-in-out;animation:fadeIt 1.1s ease-in-out;background-color:#dfdfdf;border-color:#9996a3;color:#6e6b76}.cell-correct{background-color:#006f74;border-color:#00585c;color:#fff}.cell-close{background-color:#c1a51b;border-color:#9d8512;color:#fff}.key-default{background-color:#4f4b60}.key-fail{background-color:#9997a3}.key-enter{font-size:.9em!important;padding:0 5px!important}.key-backspace{font-size:1.4em!important}#alert{background-color:#fff;border-left:5px solid darkred;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:darkred;font-weight:700;height:auto;left:calc(50% - 172px);opacity:0;padding:20px;position:fixed;text-align:left;top:97px;transition:opacity .65s ease;width:300px;z-index:100}#alert .closeButton{background:transparent;border:none;color:#263238;cursor:pointer;font-size:40px;line-height:100%;padding:0;position:absolute;right:15px;top:0}#loser,#winner{display:block;height:auto;left:calc(50% - 167px);opacity:0;padding:1rem 20px 1rem 1rem;position:fixed;top:97px;transition:opacity .3s ease;transition-delay:.7s;visibility:hidden;width:300px;z-index:101}#intro,#loser,#winner{background-color:#fff;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:#263238;text-align:center}#intro{margin:0 auto 30px;max-width:500px;padding:20px;width:calc(100% - 80px);z-index:28}#intro p{margin-bottom:0;text-align:left}#intro p:last-of-type{margin-bottom:20px}#intro h1{margin-top:0;text-align:center}#intro h2{margin-bottom:0;text-align:center}#loser .closeButton,#winner .closeButton{background:transparent;border:none;color:#263238;cursor:pointer;font-size:40px;line-height:34px;padding:0;position:absolute;right:15px;top:0}.bigbutton{background-color:#006f74;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;margin:10px 10px 0;padding:15px 32px;text-align:center;text-decoration:none;text-transform:uppercase}.bigbutton:hover{background:#00585c}#loser p,#winner p{margin-bottom:5px;margin-top:5px;text-align:center}#keyboardwrapper{height:200px;margin:20px auto;max-width:500px;width:100%}#keyboard{margin:0 8px;-webkit-user-select:none;-ms-user-select:none;user-select:none}#keyboard .row{display:flex;margin:0 auto 8px;touch-action:manipulation;width:100%}#keyboard .row button{align-items:center;border:0;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1.1em;font-weight:700;height:58px;justify-content:center;margin:0 6px 0 0;outline:none;padding:0;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none}.gap_sml{flex:0.5 1}.gap_big{flex:2 1}.gap_med{flex:1.5 1!important}.bg_secondary{background-color:#4f4b60}#foot{align-items:center;display:flex;justify-content:center}#foot .bigbutton{margin:0 10px 25px}
/*# sourceMappingURL=main.d210d5eb.css.map*/