body,button,div,html,input,li,p,span,ul{margin:0;padding:0;color:#6c757d;color:var(--mid-grey);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;list-style:none}:root{--normal-white:#fff;--normal-black:#000;--medium-brown:brown;--medium-green:#00b600;--light-blue:#e4f3f7;--medium-blue:#009bc1;--dark-blue:#006d8b;--medium-red:#ff4c50;--medium-yellow:#ffcc1e;--very-light-grey:#f3f6f6;--light-grey:#ececec;--mid-grey:#6c757d;--dark-grey:#15312e}.App{width:100%;height:100vh}.game-page{grid-gap:30px;gap:30px;padding:30px}.game-page,.game-page .gallows-wrapper{display:flex;align-items:center;justify-content:center;height:100%}.game-page .gallows-wrapper{width:400px}.game-page .result-wrapper{max-height:500px}.game-page .keyboard-wrapper{margin-top:30px}.game-page .game-ended{grid-column:1/3;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-page .game-ended.success p{color:var(--medium-green)}.game-page .game-ended.failure p{color:var(--medium-red)}.game-page .game-ended .title{font-size:2.5em;margin-bottom:20px}.game-page .game-ended .message{font-size:2em}.game-page .game-ended button{margin-top:30px}.keyboard{flex-wrap:wrap;grid-gap:.7rem;gap:.7rem;width:20.6rem;padding:.5rem;background-color:var(--light-grey);border-radius:.3rem;box-shadow:0 1px 5px var(--mid-grey)}.keyboard,.keyboard-letter{display:flex;justify-content:center}.keyboard-letter{align-items:center;width:2.2rem;height:2.2rem;font-size:1.2rem;border:1px solid var(--medium-blue);background-color:var(--light-blue);text-transform:uppercase}.keyboard-letter:hover{cursor:pointer;box-shadow:0 1px 5px var(--mid-grey)}.keyboard-letter.selected{opacity:.3;cursor:not-allowed}.current-result{text-align:center}.current-result .category{font-size:1.3rem}.current-result .guessed-letters{font-size:1.4rem;margin-top:15px}.current-result .guessed-letters .single-word{display:inline-block;margin-right:1em}.current-result .guessed-letters .single-word:last-child{margin-right:0}.current-result .guessed-letters .letter{display:inline-block;width:1.1em;font-weight:600;line-height:2rem;text-transform:uppercase}.current-result .guessed-letters .letter:first-child{margin-left:0}.current-result .guessed-letters .letter:last-child{margin-right:0}.gallows-component{position:relative;width:100%;height:100%}.gallows-component span{position:absolute;display:block;background-color:var(--medium-brown)}.gallows-component .foot{min-width:100%;min-height:20px;bottom:0}.gallows-component .root{min-width:20px;min-height:100%;left:15%}.gallows-component .arm{min-width:70%;min-height:20px;left:15%}.gallows-component .crossbar{min-width:30%;min-height:20px;top:8%;left:13%;transform:rotate(135deg)}.rope{position:absolute;top:20px;right:30%;z-index:-1}.rope .vertical{position:absolute;width:2px;height:70px;background-color:var(--dark-grey);left:50%}.rope .round{display:block;width:30px;height:35px;top:70px;left:-13.5px}.head,.rope .round{border:3px solid var(--dark-grey);border-radius:50%;position:absolute}.head{top:85px;right:23.5%;width:50px;height:50px;background-color:var(--medium-yellow)}.head .eye{position:absolute;top:10px;display:block;border-radius:50%;width:5px;height:5px;background-color:var(--medium-blue);z-index:1}.head .eye.left{left:10px}.head .eye.right{right:10px}.head .lips{position:absolute;top:27px;left:calc(50% - 13px);display:block;width:25px;height:22px;border-top:3px solid var(--medium-brown);border-radius:163px;z-index:1}.body{right:28.5%;height:70px}.body,.hand{position:absolute;top:134px;width:10px;background-color:var(--normal-black);z-index:-1}.hand{height:40px}.hand.left{right:32%;transform:rotate(45deg)}.hand.right{right:25%;transform:rotate(135deg)}.leg{position:absolute;top:200px;width:10px;height:60px;background-color:var(--normal-black);z-index:-1}.leg.left{right:31%;transform:rotate(18deg)}.leg.right{right:25.5%;transform:rotate(157deg)}.gallows{position:relative;width:100%;height:100%;max-height:500px}.button{background-color:var(--medium-blue);color:var(--very-light-grey);font-size:18px;font-weight:700;line-height:54px;padding:0 3.2rem;border-radius:100px;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:none;outline:none}.button:hover{cursor:pointer}.button:disabled{opacity:.6;cursor:not-allowed}.category-menu{height:100%;display:flex;flex-direction:column;justify-content:center}.category-menu .categories{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;grid-gap:20px;gap:20px;max-width:800px;width:90%;margin:0 auto;padding:20px;border:1px solid var(--light-grey);border-radius:.3rem;box-shadow:0 1px 5px var(--mid-grey)}.category-menu .category-button.selected{background-color:var(--dark-blue)}.category-menu .start-button{display:block;margin:20px auto}
/*# sourceMappingURL=main.ce572c0c.chunk.css.map */