.keyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;margin-bottom:20px}.keyboard__letter{padding:10px 20px;font-size:18px;cursor:pointer;border:2px solid #ccc;border-radius:5px;transition:background-color .3s ease,transform .2s ease}.keyboard__letter:hover,.keyboard__letter:focus{background-color:#4caf50;color:#fff;transform:scale(1.1)}.keyboard__letter--disabled{opacity:.3}.options-container{display:flex;margin:15px;padding-top:20px;align-items:center;justify-content:center}.options-container__catagory-btn{background-color:purple;padding:10px;margin:10px;font-family:Arial,Helvetica,sans-serif;font-size:large;font-weight:700;border-radius:10%}.hangman-drawing{position:relative}.hangman-drawing__head{width:50px;height:50px;border-radius:50%;border:10px solid white;position:absolute;top:50px;right:-30px;display:none}.hangman-drawing__body{width:10px;height:100px;background:#fff;position:absolute;top:120px;right:0;display:none}.hangman-drawing__right-arm{width:100px;height:10px;background:#fff;position:absolute;top:150px;right:-100px;rotate:-30deg;transform-origin:left bottom;display:none}.hangman-drawing__left-arm{width:100px;height:10px;background:#fff;position:absolute;top:150px;right:10px;rotate:30deg;transform-origin:right bottom;display:none}.hangman-drawing__right-leg{width:100px;height:10px;background:#fff;position:absolute;top:210px;right:-90px;rotate:60deg;transform-origin:left bottom;display:none}.hangman-drawing__left-leg{width:100px;height:10px;background:#fff;position:absolute;top:210px;right:0;rotate:-60deg;transform-origin:right bottom;display:none}.hangman-drawing__dropdown-noose{height:50px;width:10px;background:#fff;position:absolute;top:0;right:0}.hangman-drawing__top-bar{height:10px;width:200px;background:#fff;margin-left:120px}.hangman-drawing__standing-pole{height:400px;width:10px;background:#fff;margin-left:120px}.hangman-drawing__base-bar{height:10px;width:250px;background:#fff}.hangman-drawing__head.visible,.hangman-drawing__body.visible,.hangman-drawing__left-arm.visible,.hangman-drawing__right-arm.visible,.hangman-drawing__left-leg.visible,.hangman-drawing__right-leg.visible{display:block}#modal{display:none;text-align:center;background-color:#000;color:#fff;border:2px white solid;width:400px;padding:2rem 0rem;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;border-radius:10%;box-shadow:0 4px 10px #00000080}#modal.show{display:block;animation:fadeIn .3s ease}.game-over-content{text-align:center}.game-over__play-again{margin-top:1rem;padding:.5rem 1.5rem;background-color:#fff;color:#000;border:none;border-radius:10%;font-weight:700;cursor:pointer}.game-over__play-again:hover{background-color:#f0f0f0}@media only screen and (max-width: 600px){body{display:flex;align-items:center;justify-content:center;margin:10px;min-height:50vh}header{position:relative;top:0;margin-top:20px}.heading{font-size:30px;margin-top:20px}.game-container{max-width:90%;padding:15px;gap:1rem;border-radius:8px}.start-btn{padding:20px}.start-btn__start-game{padding:8px;font-size:16px}.word-display{font-size:3rem;gap:.15em}.word-display__letter{font-size:2.5rem}.in-game-btn{flex-direction:column;gap:10px;padding-top:10px}.in-game-btn__new-game,.in-game-btn__solution{font-size:16px;padding:8px;margin-right:0;width:100%;text-align:center}mobilestyling .keyboard{max-width:100%;padding:10px}mobilestyling .keyboard__letter{font-size:14px;padding:8px}.categories{font-size:14px;padding:10px}.categories__category{padding:8px}.hangman-drawing{max-width:80%;margin:0 auto}.gameOver{font-size:16px;padding:10px}.gameOver__message{font-size:18px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;align-items:center;justify-content:center;margin:20px;min-height:100vh}header{text-align:center;position:absolute;top:0%}.heading{font-size:50px;margin-top:50px}.game-container{max-width:800px;display:flex;flex-direction:column;border:2px solid white;gap:2rem;padding:30px;margin:0 auto;align-items:center;border-radius:10px}.start-btn{margin:10px;padding:30px}.start-btn__start-game{font-weight:700;background-color:green;padding:10px}.word-display{display:flex;gap:.25em;font-size:6rem}.word-display__letter{display:flex;font-weight:700;font-family:Arial,Helvetica,sans-serif}.in-game-btn{display:flex;margin:10px;padding-top:20px;align-items:center;justify-content:center}.in-game-btn__new-game{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:large;background-color:purple;padding:10px;margin-right:30px;border-radius:10%}.in-game-btn__solution{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:large;background-color:purple;padding:10px;border-radius:10%}