#app{background-color:#000}body{color:#fff;font-family:Roboto Mono,san-serif}.main{display:flex;height:100vh;justify-content:center;width:100vw}.container{max-width:400px;width:100%}#word-grid{display:flex;flex-wrap:wrap;justify-content:center;margin-top:120px}.word-grid-row-container{height:80px;position:relative;width:100%}.alert{background-color:#fff;border-radius:3px;color:#000;left:0;margin-left:auto;margin-right:auto;opacity:0;padding:12px;position:fixed;right:0;text-align:center;top:50px;width:300px}.word-row-input{background-color:transparent;border:0;inset:0;opacity:0;overflow:hidden;position:absolute;width:100%;z-index:1}.word-grid-row{color:#fff;display:flex;flex-wrap:nowrap;font-family:Roboto Mono;font-size:50px;font-weight:700;inset:0;line-height:75px;margin-bottom:4px;position:absolute;text-align:center}.word-grid-cell{border:2px solid #3a3a3c;box-sizing:border-box;height:100%;margin-left:2px;margin-right:2px;width:20%}.keyboard-key.correct,.word-grid-cell.correct{background-color:#538d4e;border:2px solid #538d4e}.keyboard-key.incorrect,.word-grid-cell.incorrect{background-color:#3a3a3c;border:2px solid #3a3a3c}.keyboard-key.contains,.word-grid-cell.contains{background-color:#bfac54;border:2px solid #bfac54}.keyboard{bottom:50px;margin-top:60px;position:fixed}.keyboard-row{display:flex;flex-wrap:nowrap;justify-content:center}.keyboard-key{background-color:#818384;border:0!important;border-radius:3px;font-size:24px;font-weight:700;margin:2px;padding:18px 24px}@media screen and (max-width:600px){#word-grid{margin-top:20px}.keyboard{bottom:5px;position:fixed;width:100vw}.keyboard-key{font-size:20px;font-weight:700;padding:12px 0;text-align:center;width:9vw}#key-backspace,#key-enter{font-size:16px;padding:9px 0;width:15vw}}
/*# sourceMappingURL=index.9147a43a.css.map */