@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--background: #f4f4f4;--primary: #a3c4f3;--text: #333333;--textSecondary: #666666}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--background);transition:all ease-in-out 500;height:100%}.App{display:flex;flex-direction:column;justify-items:center;align-items:center;height:100vh}.title{font-weight:700;font-size:1.8rem;color:var(--text);text-align:center;text-decoration:underline 4px;text-underline-offset:4px;text-decoration-color:var(--primary);padding:10px 0}.wrapper{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center}.game-container{display:flex;flex-direction:column;width:100%}.figure-wrapper{width:200px;height:auto;margin:0 auto;display:flex;align-items:center;justify-content:center}.figure-container{height:100%;width:auto;fill:transparent;stroke:var(--text);stroke-width:6px;stroke-linecap:round}.word-container{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;text-transform:uppercase}.letter{width:40px;height:40px;padding:10px;text-align:center;position:relative;font-size:1.2rem}.letter:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background-color:var(--primary);border-radius:8px}.hint{position:absolute;width:100%;max-width:100%;padding:15px;height:100vh;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;background-color:var(--primary)}.btn{background-color:transparent;border:none;font-size:1.7rem;cursor:pointer}.floating-btn{position:absolute;right:10px;top:10px}.hint-btn{align-self:flex-end;opacity:0}.show{opacity:1}.keyboard{display:flex;flex-wrap:wrap;text-transform:uppercase;text-align:center;justify-content:center;align-items:center;gap:5px;width:500px;margin-top:10px}.keys{font-size:1rem;color:var(--textSecondary);width:40px;padding:5px 0;box-shadow:2px 2px 4px #0003;border-radius:2px;cursor:pointer}.clicked{box-shadow:none}.game-over{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.game-over-title{font-size:1.5rem;font-weight:700;text-align:center}.replay-btn{margin-top:10px;padding:10px 15px;font-size:1.1rem;outline:none;border:none;cursor:pointer;border-radius:5px;background-color:var(--primary)}@media screen and (max-width: 425px){.title{content:"Hangman Game";font-weight:600;font-size:1.2rem;padding:10px}.figure-wrapper{width:100%;height:200px}.figure-container{stroke-width:10px}.word-container{gap:7px}.letter{width:30px;height:40px;padding:8px}.keyboard{width:95vw!important;margin:5px;margin-top:10px!important;gap:5px}.keys{font-size:1.1rem;padding:2.5px 0}.floating-btn{position:absolute;right:10px;top:10px}.hint{padding:5px}}