@import"https://fonts.googleapis.com/css?family=Walter+Turncoat";body{background:#274c43;background:url(/assets/black-linen-nIwb3tYF.png),linear-gradient(90deg,#274c43 10%,#274c43 90%);font-family:Walter Turncoat,cursive;color:#e8e8e8;height:100vh;overflow:hidden}.game-container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin-top:5rem}.keyboard-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-right:2rem;margin-bottom:2rem;padding-bottom:2rem}.drawing-container{display:flex;align-items:center;justify-content:center;width:100%;padding-left:5rem}.chalk-effect{box-shadow:0 0 1px 1px #e8e8e8,0 0 2px 2px #e8e8e8,0 0 3px 3px #e8e8e8,0 0 4px 4px #e8e8e8}.key-chalk-effect{box-shadow:0 0 1px 1px #e8e8e8,0 0 2px 2px #e8e8e8,0 0 3px 1px #e8e8e8,0 0 6px 1px #e8e8e8}.text-chalk-effect{text-shadow:0 0 0px #E8E8E8,0 0 1px #E8E8E8,0 0 2px #E8E8E8,0 0 3px #E8E8E8}.red{color:red}.white{color:#fff}.navbar{display:flex;justify-content:center;align-items:center;padding:0 2rem}.header{font-size:3em}.reset{padding:.4rem 1rem;font-size:1.8em;margin:auto;background-color:transparent;border:.1rem solid white;font-family:Walter Turncoat,cursive;color:#e8e8e8;cursor:pointer}.message-container{display:flex;justify-content:center;align-items:center;position:relative;width:100%}.message{width:100%;align-self:center;position:absolute;left:45%;font-size:3rem;color:#e8e8e8}#cr{filter:drop-shadow(.5px 1px 1px #E8E8E8);-webkit-filter:drop-shadow(.5px 1px 1px #E8E8E8)}.bottom-horizontal{width:15rem;height:.3rem;background-color:#e8e8e8;border-top-left-radius:65%;border-top-right-radius:65%}.big-vertical{width:.5rem;height:25rem;background-color:#e8e8e8;margin-left:7.5rem}.top-horizontal{width:14rem;height:.3rem;background-color:#e8e8e8;margin-left:5.5rem}.diagonal{width:.4rem;height:5rem;background-color:#e8e8e8;position:absolute;top:-1.2rem;right:11.1rem;transform:rotate(45deg);transform-origin:left bottom}.small-vertical{width:.4rem;height:3rem;background-color:#e8e8e8;position:absolute;top:0;right:0}.circle-svg{width:100%;height:100%;fill:none;stroke:#c7c4c4;stroke-width:2;stroke-dasharray:255;stroke-dashoffset:255;animation:drawCircle 2s forwards;filter:drop-shadow(.5px 2px 3px #E8E8E8)}@supports (-webkit-touch-callout: inherit){.circle-svg{width:100%;height:100%;fill:none;stroke:#c7c4c4;stroke-width:2;stroke-dasharray:255;stroke-dashoffset:255;animation:drawCircle 2s forwards;filter:drop-shadow(.5px 2px 3px #E8E8E8);-webkit-filter:drop-shadow(.5px 2px 3px #E8E8E8)}}.body{width:.5rem;height:7rem;background-color:#e8e8e8;border-radius:50%;position:absolute;top:6.5rem;right:0;animation:drawBody .5s ease forwards}.right-arm{width:.6rem;height:0;background-color:#e8e8e8;border-radius:50%;position:absolute;top:7.2rem;right:-.3rem;transform:rotate(60deg);transform-origin:left top;animation:drawRightArm 1s ease-out forwards}.left-arm{width:.6rem;height:0;background-color:#e8e8e8;border-radius:50%;position:absolute;top:7.2rem;right:.7rem;transform:rotate(-75deg);transform-origin:right top;animation:drawLeftArm 1s ease-out forwards}.right-leg{width:.6rem;height:0;background-color:#e8e8e8;border-top-right-radius:50%;border-top-left-radius:50%;position:absolute;top:13.3rem;right:-6.2rem;transform:rotate(65deg);transform-origin:left top;animation:drawRightLeg 1s ease-out forwards}.left-leg{width:.6rem;height:0;background-color:#e8e8e8;border-top-right-radius:50%;border-top-left-radius:50%;position:absolute;top:13.3rem;right:.7rem;transform:rotate(-85deg);transform-origin:right top;animation:drawLeftLeg 1s ease-out forwards}.words{display:flex;flex-direction:column;width:90%;justify-content:center;align-items:center;margin:2rem 0;font-size:3em;text-transform:uppercase;gap:.3em;color:#ffffffb3}.letters{color:#fff;margin:0 5px;border-bottom:.1em solid #E8E8E8}.letters:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:#e8e8e8}.keyboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.9rem;width:75%;margin-top:2rem}.keyboard-key{display:inline-block;border:.1rem solid #E8E8E8;background-color:transparent;aspect-ratio:1 / 1;text-transform:uppercase;font-weight:700;font-size:2rem;cursor:pointer;font-family:Walter Turncoat,cursive;color:#fff}.keyboard-key.active{background-color:#444546;color:#fff}.keyboard-key.inactive{opacity:.3}.keyboard-key:disabled{background-color:#444546;cursor:not-allowed;color:#b0b0b0}.keyboard-key:hover:not(:disabled),.keyboard-key:focus:not(:disabled){background-color:#80d4ff}footer{position:absolute;bottom:0;width:100%;text-align:center}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawBody{0%{height:0}to{height:7rem}}@keyframes drawRightArm{0%{width:0;right:-.3rem}to{width:5.5rem;right:-5.8rem}}@keyframes drawLeftArm{0%{width:0;right:.7rem}to{width:5.5rem;right:.8rem}}@keyframes drawRightLeg{0%{width:0;right:-.3rem}to{width:5.5rem;right:-5.8rem}}@keyframes drawLeftLeg{0%{width:0;right:.7rem}to{width:5.5rem;right:.8rem}}@media screen and (min-width: 767px) and (max-width: 1024px){.game-container{flex-wrap:wrap;padding:6rem 0 0;gap:2rem;overflow:hidden}.drawing-container{display:flex;align-items:center;justify-content:center;margin-right:4rem;width:100%}.keyboard-container{padding-right:0rem;margin-bottom:0rem}.bottom-horizontal{width:10rem;height:.2rem;margin-left:2.4rem}.big-vertical{width:.1rem;height:17rem}.top-horizontal{width:11rem;height:.2rem;background-color:#e8e8e8;margin-left:5.5rem}.diagonal{width:.2rem;height:3rem;top:-.5rem;right:8.6rem}.small-vertical{width:.1rem;height:1.7rem}.body{width:.1rem;height:2rem;top:4.8rem;right:0}.right-arm{width:.1rem;top:5.5rem}.left-arm{width:.1rem;height:0;top:5.5rem;right:.5rem}.right-leg{width:.1rem;top:9.3rem}.left-leg{width:.1rem;top:9.3rem;right:.5rem}@keyframes drawBody{0%{height:0}to{height:4.5rem}}@keyframes drawRightArm{0%{width:0;right:-.3rem}to{width:3rem;right:-3.2rem}}@keyframes drawLeftArm{0%{width:0;right:.7rem}to{width:3rem;right:.4rem}}@keyframes drawRightLeg{0%{width:0;right:-.3rem}to{width:3rem;right:-3.2rem}}@keyframes drawLeftLeg{0%{width:0;right:.7rem}to{width:3rem;right:.3rem}}.words{margin:2rem 0 0;font-size:2.3em}.keyboard{grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));width:80%;padding-top:2rem}.keyboard-key{font-size:1.5em}.header{font-size:2.5em}.reset{padding:.2rem .8rem;font-size:1.5em}.message-container{position:relative;width:100%}.message{border-color:none;top:10%;left:43%;font-size:2.5rem}footer{position:absolute;bottom:.2rem;width:100%;text-align:center;font-size:.8em}}@media screen and (max-width: 767px){body{height:100vh}.game-container{flex-direction:column;padding:1rem 1rem 0;margin-left:0;margin-bottom:3rem}.keyboard-container{padding-right:0rem;margin-bottom:2rem;margin-top:1.5rem}.drawing-container{padding-left:0;justify-content:start;margin-left:3rem}.bottom-horizontal{width:6rem;height:.1rem;margin-left:4.5rem}.big-vertical{width:.1rem;height:10rem}.top-horizontal{width:7rem;height:.1rem;background-color:#e8e8e8;margin-left:5.5rem}.diagonal{width:.1rem;height:2rem;top:-.3rem;right:4.7rem}.small-vertical{width:.1rem;height:.9rem}.body{width:.1rem;height:2rem;top:2.9rem;right:0}.right-arm{width:.1rem;top:3.5rem}.left-arm{width:.1rem;height:0;top:3.5rem;right:.5rem}.right-leg{width:.1rem;top:6rem}.left-leg{width:.1rem;top:6rem;right:.5rem}@keyframes drawBody{0%{height:0}to{height:3rem}}@keyframes drawRightArm{0%{width:0;right:-.3rem}to{width:2.1rem;right:-2.4rem}}@keyframes drawLeftArm{0%{width:0;right:.5rem}to{width:2.1rem;right:.5rem}}@keyframes drawRightLeg{0%{width:0;right:-.3rem}to{width:2.2rem;right:-2.4rem}}@keyframes drawLeftLeg{0%{width:0;right:.3rem}to{width:2.2rem;right:.2rem}}.words{margin:0;font-size:1.5em}.keyboard{grid-template-columns:repeat(auto-fill,minmax(1.5rem,1fr));width:90%;margin-top:1.5rem}.keyboard-key{font-size:1em}.header{font-size:2em}.reset{padding:.1rem .5rem;font-size:1em}.message-container{position:relative;width:100%}.message{top:-2rem;left:10rem;font-size:1.3rem}footer{position:absolute;bottom:-.7rem;width:100%;text-align:center;font-size:.8em;background:transparent;z-index:1;padding-top:2rem}}: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}