.main{max-width:800px;display:flex;flex-direction:column;gap:2rem;margin:0 auto;align-items:center;font-family:Arial,Helvetica,sans-serif}.statusBarText{font-size:2rem;text-align:center;margin-bottom:10px}.heading-text{font-size:3rem;text-align:center;Font-weight:700;margin-top:30px}.drawing{position:relative}.hangingBarBase{height:10px;width:250px;background:#000}.hangingBarPole{height:400px;width:10px;background:#000;margin-left:120px}.hangingBarTop{height:10px;width:200px;background:#000;margin-left:120px}.win-text{color:green}.lose-text{color:red}.hangingBarHook{height:50px;width:10px;background:#000;position:absolute;top:0;right:0}.head{width:50px;height:50px;border-radius:100%;border:solid black 10px;position:absolute;top:50px;right:-30px}.body{width:10px;background:#000;height:100px;position:absolute;top:120px;right:0}.left-arm{width:100px;background:#000;height:10px;position:absolute;top:150px;right:10px;rotate:30deg;transform-origin:right bottom}.right-arm{width:100px;background:#000;height:10px;position:absolute;top:150px;right:-100px;rotate:-30deg;transform-origin:left bottom}.right-leg{width:10px;background:#000;height:100px;position:absolute;top:190px;right:-45px;rotate:-60deg;transform:left top}.left-leg{width:10px;background:#000;height:100px;position:absolute;top:190px;right:45px;rotate:60deg;transform:right top}.word-box{display:flex;gap:.25em;font:6rem bold;text-transform:uppercase;font-family:monospace}.letter-box{border-bottom:.1em solid black}.letter{color:#000}.incorrect-letter{color:red}.visible{visibility:visible}.hidden{visibility:hidden}.keyboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:.5rem}.keyboard-container{align-items:stretch;width:100%}._btn_osfen_1{width:100%;border:3px solid black;background:none;aspect-ratio:1/1;font-size:2.5rem;text-transform:uppercase;padding:.5rem;font-weight:700;cursor:pointer;color:#000}._btn_osfen_1:hover:not(:disabled),._btn_osfen_1:focus:not(:disabled){background-color:#80d4ff;color:#fff}._btn_osfen_1._active_osfen_20{background-color:#0af;color:#fff}._btn_osfen_1._inactive_osfen_25{opacity:.3}
