body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121213;color:#fff;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:block;height:100%;text-align:center}.Board{align-items:center;display:flex;flex-grow:1;justify-content:center}.Board-game{grid-gap:5px;grid-template-rows:repeat(6,1fr);padding:10px;width:70%}.Board-game,.Board-row{box-sizing:border-box;display:grid}.Board-row{grid-gap:5px;grid-template-columns:repeat(5,1fr)}.Board-cell{align-items:center;aspect-ratio:1;border:2px solid #3a3a3c;box-sizing:border-box;display:inline-flex;font-size:2em;font-weight:700;justify-content:center;line-height:1;vertical-align:middle}@-webkit-keyframes horizontal-shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes horizontal-shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.shake{animation-duration:.5s;-webkit-animation-duration:.5s;animation-name:horizontal-shake;-webkit-animation-name:horizontal-shake}@-webkit-keyframes vertical-hop{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(5px);transform:translateY(5px)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}75%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vertical-hop{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(5px);transform:translateY(5px)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}75%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.vertical-hop{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:.5s;animation-name:vertical-hop;-webkit-animation-name:vertical-hop}@media screen and (max-width:1200px){.Board-game{width:80%}}@media screen and (max-width:600px){.Board-game{width:90%}}.Game{display:flex;flex-direction:column;height:calc(100% - 4.5rem);margin:0 auto;max-width:600px;width:100%}.Keyboard{align-items:center;display:block;justify-content:center;margin:0 8px 4px}.Keyboard-row{display:flex;margin:0 auto 8px;width:100%}.Keyboard-cell{align-items:center;background-color:#818384;border:0;border-radius:4px;box-sizing:border-box;color:#fff;display:flex;flex:1 1;font-weight:700;height:50px;justify-content:center;margin:0 3px;padding:0}.Header{border-bottom:2px solid #3a3a3c;width:100%}h1{font-weight:900;margin:0;padding-bottom:1rem;padding-top:1rem}
/*# sourceMappingURL=main.3f7b6e4b.css.map*/