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}*{padding:0;margin:0;box-sizing:border-box}.App{grid-template-rows:15vh 55vh 10vh 20vh;max-width:100vw}.App,.game{justify-items:center;display:grid;grid-template-areas:"title" "puzzle" "buttons" "keyboard";grid-template-columns:1fr;text-align:center;height:100vh;overflow:hidden}.game{grid-template-rows:20vh 50vh 10vh 20vh;width:100vw}.hide{display:none}.button-div{background-color:#eee;border-top:1px solid #424242;grid-area:buttons;width:100%}.btn,.button-div{display:flex;justify-content:center}.btn{background-color:#fff;border-radius:50%;border:1px solid #000;cursor:pointer;margin:8px 10px;align-items:center;font-size:24px;position:relative;height:40px;width:40px}.btn:focus{outline:none}.btn small{position:absolute;bottom:-18px;font-size:12px}.puzzle-div{width:100%;padding:3rem 2rem;overflow-x:auto}.keyboard-div{background-color:#424242;display:flex;align-items:center;justify-content:center;grid-area:keyboard;width:100%}.title-div{box-shadow:0 3px 4px rgba(0,0,0,.1);grid-area:title;padding:1rem 0;width:100%}.hidden{display:none}.done{background-color:green}.not{background-color:red}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.keyboard-row{box-sizing:border-box;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:.2rem;min-width:100%}.letter-button{box-sizing:border-box;font-weight:700;border-radius:.5rem;padding:.2rem;margin:0 .45%;min-width:9.09091%;min-height:40px;font-size:1.2rem;font-family:"Montserrat",sans-serif}.letter-button:focus,button:active{outline:none}.keyboard{max-width:800px;padding:1rem 0;width:100%}.letter-tile{display:inline-block;margin-right:4px;margin-bottom:.2rem}.selected{background-color:#b3e5fc}.letter-div{font-family:"Xanh Mono",monospace;font-size:calc(10px + 2vmin);min-height:1.5rem;padding:4px 8px;text-align:center}.upper{border-bottom:2px solid #000;z-index:500}.letter-upper{margin-top:0;margin-bottom:2px}.letter-lower{color:#646464;margin-top:2px;margin-bottom:8px}.word-wrapper{margin-right:1rem;display:inline-block;max-height:90px}.puzzle{min-width:500px;text-align:justify}.title-wrapper{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.subtitle{margin-bottom:.2rem}.character{margin-bottom:.3rem}.rules{position:fixed;top:0;left:0;width:100vw;height:100vh}.rules-main{border:1px solid #424242;border-radius:16px;position:fixed;background:#fff;width:80%;flex-direction:column;max-height:80%;padding:20px 50px;max-width:1000px;text-align:center;overflow-y:scroll;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000}.close-button,.rules-main{display:flex;align-items:center}.close-button{background-color:#3498db;color:#fff;justify-content:center;padding:15px 30px;border:0;border-radius:16px;box-shadow:4px 4px 4px rgba(0,0,0,.2)}h1{margin-bottom:1rem}li{margin:1rem 0}.quote{position:fixed;top:0;left:0;width:100vw;height:100vh}.quote-main{border:1px solid #424242;border-radius:16px;display:flex;flex-direction:column;align-items:center;position:fixed;background:#fff;width:70%;max-height:80%;padding:20px 50px;max-width:1000px;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000}.display-block{display:block}.display-none{display:none}.next-button{background-color:#3498db;color:#fff;display:flex;justify-content:center;align-items:center;padding:15px 30px;border:0;border-radius:16px;box-shadow:4px 4px 4px rgba(0,0,0,.2)}.harryPotter{margin-bottom:.3rem}.and-the,.quote-text,.speaker{margin-bottom:2rem}
/*# sourceMappingURL=main.8405535f.chunk.css.map */