body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Helvetica Neue,Arial,Helvetica,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}header{align-items:center;display:flex;justify-content:center;padding:20px;position:relative}header h1{margin:0}header .refresh-button{margin:0;position:absolute;right:20px}.App-logo{height:40vmin;pointer-events:none}.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}@media screen and (max-width:480px){h1{font-size:1em}header{padding:10px}header .refresh-button{margin-top:10px;position:static}header{flex-direction:column;gap:10px}}@media screen and (min-width:481px){.keypad{max-width:1em}}@media screen and (min-width:500px){.keypad{max-width:2em}}.refresh-button{background-color:#6aaa64;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .2s}.refresh-button:hover{background-color:#5a9454}.refresh-button:active{background-color:#4a7e44}.square{border:2px solid #86888a;font-weight:700;margin:3px;text-transform:uppercase}@media screen and (min-width:300px){.square{font-size:27px;height:30px;line-height:30px;width:30px}}@media screen and (min-width:400px){.square{font-size:35px;height:50px;line-height:50px;width:50px}}.shake{animation:shake .4s}.square:hover{animation:scale .4s}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(3px)}50%{transform:translate(-3px)}75%{transform:translate(3px)}to{transform:translate(0)}}@keyframes scale{0%{transform:scale(1.2)}to{transform:scale(1)}}.jump{animation:jump .8s}.jump:first-child{animation-delay:.1s}.jump:nth-child(2){animation-delay:.2s}.jump:nth-child(3){animation-delay:.3s}.jump:nth-child(4){animation-delay:.4s}.jump:nth-child(5){animation-delay:.5s}@keyframes jump{0%{transform:translateY(0)}25%{transform:translateY(20%)}50%{transform:translateY(-50%)}75%{transform:translateY(20%)}to{transform:translateY(0)}}.flip{animation:flip .6s}.flip:first-child{animation-delay:.12s}.flip:nth-child(2){animation-delay:.24s}.flip:nth-child(3){animation-delay:.36s}.flip:nth-child(4){animation-delay:.48s}.flip:nth-child(5){animation-delay:.6s}@keyframes flip{0%{transform:rotateX(0deg)}10%{background-color:#eee;color:#0000}50%{background-color:#ddd;color:#0000;transform:rotateX(90deg)}60%{background-color:#ccc;color:#000}to{color:#000;transform:rotateX(0deg)}}.container,.word-row{display:flex}.container{justify-content:center}.game-canvas{margin:0 auto}.game-message{background-color:#333;color:#ccc;font-size:12pt;font-weight:700;margin:0 auto;padding:10px;width:-webkit-fit-content;width:fit-content}.message-container{height:50px}.no-match{background-color:#86888a;color:#fff}.match{background-color:#c9b458;border-color:#c9b458;color:#fff}.exact-match{background-color:#6aaa64;border-color:#6aaa64;color:#fff}.keypad{margin:0 auto;max-width:500px}.keypad .row{display:flex;justify-content:center;margin:0 auto 8px}.spacer-half{flex:0.5 1}.spacer{width:15px}@media screen and (max-width:480px){.keypad{max-width:320px}}@media screen and (min-width:481px){.keypad{max-width:481px}}@media screen and (min-width:500px){.keypad{max-width:500px}}button{-webkit-tap-highlight-color:rgba(0,0,0,.3);align-items:center;background-color:#d3d6da;border:0;border-radius:4px;color:#000;display:flex;flex:1 1;font-family:inherit;font-weight:700;height:58px;justify-content:center;margin:0 6px 0 0;padding:0;text-transform:uppercase}button.special{padding:0 10px}@media screen and (max-width:480px){button.special{padding:0}}button:focus{outline:0}
/*# sourceMappingURL=main.0d2531b2.css.map*/