body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#eee;display:grid;min-height:100vh;place-content:center}.App>div{align-items:center;display:flex;gap:60px;justify-content:space-evenly;margin-bottom:40px}.keys{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:500px}.character-btn{background-color:#fff;border:2px solid #000;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;font-size:1.5rem;font-weight:700;height:50px;width:50px}.character-btn.enabled:hover{background-color:hsla(0,0%,100%,.595);cursor:pointer}.hangman{position:relative}.hangman .stage{align-items:center;display:flex;flex-direction:column;justify-content:center}.hangman .stage .base{background-color:#000;border-radius:100vh;-webkit-border-radius:100vh;-moz-border-radius:100vh;-ms-border-radius:100vh;-o-border-radius:100vh;height:10px;width:400px}.hangman .stage .perpendicular{background-color:#000;height:300px;position:relative;width:10px}.hangman .stage .perpendicular:before{background-color:#000;content:"";height:10px;left:0;position:absolute;top:0;width:120px}.hangman .stage .perpendicular:after{background-color:#000;content:"";height:40px;left:120px;position:absolute;top:0;width:10px}.person{--stroke:5px;left:calc(50% + 120px);position:absolute;top:39px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.person .head{border:var(--stroke) solid #000;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;height:50px;width:45px}.person .body{display:grid;place-items:center;position:relative}.person .chest{height:70px;position:relative;top:-5px}.person .chest,.person .left-hand{background-color:#000;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;width:var(--stroke)}.person .left-hand{height:80px;position:absolute;top:20px;transform:rotate(120deg);-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform-origin:top}.person .right-hand{top:20px;transform:rotate(-120deg);-webkit-transform:rotate(-120deg);-moz-transform:rotate(-120deg);-ms-transform:rotate(-120deg);-o-transform:rotate(-120deg);transform-origin:top}.person .right-hand,.person .right-leg{background-color:#000;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;height:80px;position:absolute;width:var(--stroke)}.person .right-leg{bottom:10px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform-origin:bottom}.person .left-leg{background-color:#000;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;bottom:10px;height:80px;position:absolute;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform-origin:bottom;width:var(--stroke)}.App .word{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-left:auto;margin-right:auto;max-width:700px}.word h3{color:red;font-size:30px;font-weight:700;letter-spacing:5px}.word input{background-color:initial;border:none;border-bottom:5px solid #000;font-size:25px;outline:none;text-transform:uppercase;width:30px}.result,.word input{font-weight:700;text-align:center}.result{font-size:40px;letter-spacing:4px;margin:20px auto 0;padding:10px 30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-spacing:10px}.footer,.result{background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.footer{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:600px;padding:20px}.hints,.reload{background-color:#1e90ff;border:none;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;padding:10px 20px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.hints{background-color:red}.hints:hover,.reload:hover{opacity:.8}.footer .pop-up{background-color:#000000b3;height:100%;left:0;position:absolute;top:0;width:100%}.footer .info{background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);width:500px}.footer .info .header{align-items:center;border-bottom:1px solid #000;display:flex;justify-content:space-between;padding:10px 20px}.info .header p{color:red;font-weight:700;margin:0}.info .header button{background-color:initial;border:none;cursor:pointer;font-size:20px}.movie-description{line-height:1.6;padding:20px}
/*# sourceMappingURL=main.fafeb712.css.map*/