:root{--color-correct:#528d4e;--color-almost:#b49f39;--color-error:#514f54;--color-disabled:#3a393c;--color-primary:#4db5ff;--transition:all 700ms ease}.App{background-color:#121212;color:#fff;height:100vh;text-align:center}h3{font-family:Arial,Helvetica,sans-serif}body{margin:0;padding:0}.game{align-items:center;display:flex;flex-direction:column;padding-top:1rem}.author{display:flex;gap:1rem;justify-content:center;margin-top:.8rem}.author__btn{background:#0000;border:1px solid grey;border-radius:.5rem;color:grey;cursor:pointer;font-size:.9rem;font-weight:700;height:2rem}.author__btn,.author__btn:hover{font-family:Arial,Helvetica,sans-serif}.author__btn:hover{background:grey;border:1px solid #fff;border-radius:.5rem;color:#121212;transition:.5s}.board{display:flex;flex-direction:column;height:50vh;width:45vh}.board__row{display:flex;flex:33% 1;flex-direction:row;margin:5px}.letter{border:1px solid grey;color:#fff;display:grid;flex:33% 1;font-family:Arial,Helvetica,sans-serif;font-size:1.7rem;font-weight:bolder;height:100%;margin:5px;place-items:center}#correct{background-color:#528d4e}#almost,#correct{transition:var(--transition)}#almost{background-color:#b49f39}#error{background-color:#514f54;transition:var(--transition)}@media screen and (max-width:420px){.letter{font-size:1.5rem}}.gameover__button{background-color:#fff;border:none;border-radius:.4rem;color:#3a393c;height:2rem;margin:0 auto}.gameover__button,.gameover__button:hover{align-items:center;display:flex;font-size:1.4rem}.gameover__button:hover{background-color:initial;border:1px solid #fff;border-radius:.4rem;color:#fff;justify-content:center;transition:.5s}.gameover__congrats{color:#528d4e}.key{background-color:grey;border-radius:.3rem;color:#fff;cursor:pointer;display:grid;font-family:Arial,Helvetica,sans-serif;font-size:1.3rem;height:3rem;margin:.16rem;place-items:center;width:3rem}#big{width:6rem}#disabled{background-color:#3a393c}@media screen and (max-width:420px){.key{font-size:1.3rem;margin:.16rem;width:3rem}#big{font-size:1rem;width:6rem}}.keyboard{margin-top:2rem}.keyboard__line1,.keyboard__line2,.keyboard__line3{display:flex;flex:33% 1;flex-direction:row;justify-content:center;margin:.2rem}.big{width:5rem}@media screen and (max-width:600px){.keyboard{width:100%}}nav{align-items:center;border-bottom:1px solid grey;display:flex;height:4rem;justify-content:center;margin:0;width:100%}nav h1{font-size:2.5rem;margin:0}nav a,nav h1{color:#fff;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:400}nav a{background:#0000;border:none;font-size:1.5rem;position:absolute}.nav__logo-author{height:2rem;left:1rem;width:2.5rem}.nav__logo-github{filter:invert(96%) sepia(37%) saturate(2%) hue-rotate(267deg) brightness(103%) contrast(101%);right:1rem}img.logo__author{height:2rem;width:2.8rem}img.logo__github{margin-top:.35rem;width:2.3rem}
/*# sourceMappingURL=main.a38b4041.css.map*/