*,*:after,*:before{padding:0;margin:0;text-decoration:none;box-sizing:border-box;font-size:100%}img{width:100%;height:auto}body{background-color:#f5f5f5;font-family:Monospace}main{height:auto;margin-top:150px}#gameBox{position:relative;max-width:400px;width:90%;height:auto;padding:20px;margin:10px auto;border-radius:8px;background-color:#000}#gameBox h1{display:block;width:100%;height:auto;text-align:center;letter-spacing:-5px;font-variant:small-caps;font-size:35px;color:rgba(200,200,200,.5);z-index:-100}.info{position:absolute;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:.25rem;width:100%;padding:.5rem;top:0;right:0;color:gray}.info .bar{display:flex;align-items:center;gap:.25rem;max-width:6rem;width:100%}.info .bar i{display:inline-block;width:12px;height:auto}.info .bar span.progress_bar{display:inline-block;min-height:.25rem;width:100%;padding:0;border-radius:.5rem;background-color:#f5f5f5;box-shadow:3px 3px 35px #a9a9a9;overflow:hidden}.info .bar span.progress_bar .before{content:"";display:block;width:100%;padding:.25rem;background-color:#000}#letterBox{display:flex;flex-direction:row;align-content:center;justify-content:space-evenly;width:100%;height:auto;padding:8px;margin:0 auto}#letterBox [class*=letter]{display:block;width:inherit;padding:8px;margin-right:4px;margin-top:0px;text-align:center;font-weight:bold;font-size:18px;color:#fff;border-bottom:2px ridge #fff}.keyboard{display:flex;justify-content:center;width:100%;max-width:500px;margin:0 auto;border-bottom:none;background-color:#f5f5f5}.keyboard tr{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.keyboard input[type=button]{display:block;width:35px;height:50px;margin:1.5px;margin-bottom:4px;font-weight:bold;font-family:Monospace;font-size:20px;border-radius:8px;border:1px solid #000;outline:none;color:#000;background-color:rgba(0,0,0,0);box-shadow:-1px 1px 2px #d3d3d3}.keyboard input[disabled=disabled]{transition:.1s ease-in;color:#fff;background-color:#000}#startBtn{display:block;width:200px;height:auto;padding:10px;margin:10px auto;border:none;outline:none;border-radius:2px;font-family:Monospace;font-weight:Bold;letter-spacing:2px;color:#fff;background-color:#000}#startBtn:active{transition:.2s ease-in;color:#000;background-color:rgba(0,0,0,0)}