*{box-sizing:border-box;margin:0;padding:0}.keyboard{display:flex;flex-direction:column;gap:.5rem;width:100%}.keyboard,.keyboard button{align-items:center;justify-content:center}.keyboard button{background-color:#f5f5f5;border-radius:20%;cursor:pointer;display:inline-flex;font-size:2.5rem;height:3.5rem;margin:0 .2rem;padding:.5rem;text-transform:uppercase;transition:translateY .2s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:3.5rem}.keyboard button:hover{background-color:transparent}.keyboard button:focus,.keyboard button:hover{-webkit-transform:scale(.97);transform:scale(.97)}.keyboard button:focus{box-shadow:inset 0 0 0 .2rem #3a3a3c}.keyboard button.enter{border-radius:10%;text-transform:unset;width:auto}.keyboard button.backspace{border-radius:10%;width:5rem}.keyboard button.backspace svg{-webkit-transform:scale(2);transform:scale(2)}.keyboard button.green{background-color:#538d4e}.keyboard button.black{background-color:#3a3a3c}@media(max-width:900px){.keyboard button{font-size:1.4rem;height:2rem;margin:0 .05rem;padding:.2rem;width:2rem}.keyboard button.backspace{width:2rem}.keyboard button.backspace svg{-webkit-transform:scale(1);transform:scale(1)}}.alert{border:2px solid gray;border-radius:5%;font-size:1.25rem;margin-top:1rem;padding:0 .25rem;text-align:center;visibility:hidden}.tile{align-items:center;border:.2rem solid #757577;display:inline-flex;font-size:2.5rem;height:4rem;justify-content:center;margin-left:.2rem;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:4rem}.tile.current{border:.2rem solid #a5a5a8}.tile.wrong{background-color:gray;border:none}.tile.misplaced{background-color:#b59f3b;border:none}.tile.correct{background-color:#538d4e;border:none}.layer{display:flex;list-style-type:none}.playground{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:center;margin:1rem 0;width:100%}
/*# sourceMappingURL=main.cd198fad.css.map*/