@import"https://fonts.googleapis.com/css2?family=Oi&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Oi&display=swap";.word-form{width:100%;height:100%;display:flex;z-index:2;position:absolute;flex-direction:column;align-items:center;text-align:center;justify-content:center;background-image:url(/assets/addWord-background-llGVkFbA.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:100vw;height:100vh;opacity:0;animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.formulario{display:flex;flex-direction:row;gap:5vw;align-items:center;justify-content:center}.formulario input{width:25vw;height:4vw;background:#fff;border:5px solid #000000;box-shadow:.5vw .5vw #000;border-radius:16px;transform:rotate(-3.53deg);margin-bottom:3.5vw;font-family:Inter;font-size:1.5vw}.add-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1.6vw 2.4vw;gap:.8vw;background:#4c0df8;background-blend-mode:overlay;border:.3vw solid #000000;box-shadow:.6vw .6vw #000;border-radius:1.2vw;width:12vw;height:3vw;font-family:Inter;font-style:normal;font-weight:700;font-size:2vw;line-height:2.9vw;color:#fff;transform:rotate(4.88deg)}.add-btn:hover{cursor:pointer;transform:scale(1.2)}.start-game-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:10vw;height:3.5vw;background:#0bb458;border:.3vw solid #000000;box-shadow:.6vw .6vw #000;border-radius:1.2vw;font-family:Inter;font-style:normal;font-weight:700;font-size:2vw;line-height:2.9vw;color:#ccf3dd}.start-game-btn:hover{cursor:pointer;transform:scale(1.2)}.word-form h1{width:37.1vw;height:6.1vw;margin-bottom:8vw;font-family:Oi;font-style:normal;font-weight:400;font-size:3vw;line-height:2.5vw;text-align:center;letter-spacing:.02em;color:#000;transform:rotate(-2deg);text-shadow:.2vw .2vw 0 #ffffff,-.2vw -.2vw 0 #ffffff,.2vw -.2vw 0 #ffffff,-.2vw .2vw 0 #ffffff,.2vw 0 0 #ffffff,0 .2vw 0 #ffffff,-.2vw 0 0 #ffffff,0 -.2vw 0 #ffffff,.1vw .1vw .1vw rgba(0,0,0,.1)}@media (max-width: 1220px){.formulario input{width:30vw;height:5vw;border-radius:19.2px;box-shadow:.6vw .6vw #000}.add-btn{padding:1.92vw 2.88vw;gap:.96vw;width:14.4vw;height:3.6vw;border:.36vw solid #000000;box-shadow:.72vw .72vw #000;border-radius:1.44vw;font-size:2.4vw;line-height:3.48vw}.start-game-btn{width:12vw;height:4.2vw;border:.36vw solid #000000;box-shadow:.72vw .72vw #000;border-radius:1.44vw;font-size:2.4vw;line-height:3.48vw}.word-form h1{width:44.52vw;height:7.32vw;font-size:3.6vw;line-height:3vw;margin-bottom:11vw;text-shadow:.24vw .24vw 0 #ffffff,-.24vw -.24vw 0 #ffffff,.24vw -.24vw 0 #ffffff,-.24vw .24vw 0 #ffffff,.24vw 0 0 #ffffff,0 .24vw 0 #ffffff,-.24vw 0 0 #ffffff,0 -.24vw 0 #ffffff,.12vw .12vw .12vw rgba(0,0,0,.1)}}@media (max-width: 900px){.formulario input{width:39vw;height:6.5vw;border-radius:24.96px;box-shadow:.78vw .78vw #000}.add-btn{padding:2.496vw 3.744vw;gap:1.248vw;width:18.72vw;height:4.68vw;border:.468vw solid #000000;box-shadow:.936vw .936vw #000;border-radius:1.872vw;font-size:3.12vw;line-height:4.524vw}.start-game-btn{width:15.6vw;height:5.46vw;border:.468vw solid #000000;box-shadow:.936vw .936vw #000;border-radius:1.872vw;font-size:3.12vw;line-height:4.524vw}.word-form h1{width:57.816vw;height:9.516vw;font-size:4.68vw;line-height:3.9vw;text-shadow:.312vw .312vw 0 #ffffff,-.312vw -.312vw 0 #ffffff,.312vw -.312vw 0 #ffffff,-.312vw .312vw 0 #ffffff,.312vw 0 0 #ffffff,0 .312vw 0 #ffffff,-.312vw 0 0 #ffffff,0 -.312vw 0 #ffffff,.156vw .156vw .156vw rgba(0,0,0,.1)}}@media (max-width: 600px){.formulario input{width:50.7vw;height:8.45vw;border-radius:32.448px;box-shadow:1.014vw 1.014vw #000}.add-btn{padding:3.245vw 4.8675vw;gap:1.6225vw;width:24.336vw;height:6.084vw;border:.6084vw solid #000000;box-shadow:1.2175vw 1.2175vw #000;border-radius:2.3576vw;font-size:3.936vw;line-height:5.8896vw}.start-game-btn{width:20.28vw;height:7.038vw;border:.6084vw solid #000000;box-shadow:1.2175vw 1.2175vw #000;border-radius:2.3576vw;font-size:3.936vw;line-height:5.8896vw}.word-form h1{width:75.2772vw;height:12.3696vw;font-size:6.084vw;line-height:5.07vw;margin-bottom:15vw;text-shadow:.405vw .405vw 0 #ffffff,-.405vw -.405vw 0 #ffffff,.405vw -.405vw 0 #ffffff,-.405vw .405vw 0 #ffffff,.405vw 0 0 #ffffff,0 .405vw 0 #ffffff,-.405vw 0 0 #ffffff,0 -.405vw 0 #ffffff,.2025vw .2025vw .2025vw rgba(0,0,0,.1)}}@media (max-width: 400px){.word-form h1{width:97vw;height:16.08048vw;line-height:1.2vw;font-size:7.9072vw;line-height:6.591vw;margin-bottom:30vw;letter-spacing:.2px;text-shadow:.5265vw .5265vw 0 #ffffff,-.5265vw -.5265vw 0 #ffffff,.5265vw -.5265vw 0 #ffffff,-.5265vw .5265vw 0 #ffffff,.5265vw 0 0 #ffffff,0 .5265vw 0 #ffffff,-.5265vw 0 0 #ffffff,0 -.5265vw 0 #ffffff,.26325vw .26325vw .26325vw rgba(0,0,0,.1)}}.word-display{display:flex;flex-direction:row;align-items:flex-start;align-content:baseline;justify-content:space-between;width:20vw;margin-top:1vw;margin-bottom:2vw}.letter{width:2vw;height:2vw;font-family:Inter;line-height:1vw;font-size:2vw;border-bottom:4px solid black}@media (max-width:800px){.word-display{width:45vw}.letter{width:5vw;line-height:0vw;font-size:3vw}}@media (max-width:500px){.word-display{width:70vw;height:2vh}.letter{width:6vw;font-size:15px;border-bottom:1vw solid black}}.hangman{width:264.6px;height:324px;position:relative;min-height:324px}.left-arm{position:absolute;width:1.53%;height:20%;background:#ffcd00;border-radius:8px;transform:rotate(30deg);left:69.96%;top:29.83%}.right-arm{position:absolute;width:1.53%;height:20%;background:#ffcd00;border-radius:8px;transform:rotate(-30deg);left:81.79%;top:29.83%}.left-leg{position:absolute;width:1.53%;height:20%;left:81.79%;top:63.56%;background:#ffcd00;border-radius:8px;transform:matrix(-.87,.5,.5,.87,0,0)}.right-leg{position:absolute;width:1.53%;height:20%;left:69.96%;top:63.56%;background:#ffcd00;border-radius:8px;transform:rotate(30deg)}.body{position:absolute;width:1.7%;height:35%;left:76.07%;top:30.89%;background:#ffcd00}.top{position:absolute;width:60.44%;height:1.25%;left:16.44%;top:0%;background:#0a3871;border-radius:8px}.rope{position:absolute;width:1.7%;height:13.75%;left:76.07%;top:0%;background:#0a3871;border-radius:8px}.bar{position:absolute;width:1.7%;height:95%;left:16.44%;top:0%;background:#0a3871;border-radius:20px}.bottom{position:absolute;width:100%;height:1.25%;left:0%;top:94.61%;background:#0a3871;border-radius:9px}@media (max-width: 270px){.hangman{visibility:hidden}}*{margin:0;padding:0;box-sizing:border-box}.face{position:absolute;left:66.2%;top:13.61%;width:63px;height:63px;border-radius:50%;background:#ffcd00;display:flex;justify-content:center;align-items:center}.face:before{content:"";position:absolute;top:37.8px;width:31.5px;height:14.7px;background:#b57700;border-bottom-left-radius:14.7px;border-bottom-right-radius:14.7px;transition:.5s}.face:hover:before{top:44.1px;width:31.5px;height:4.2px;background:#b57700;border-bottom-left-radius:0;border-bottom-right-radius:0}.eyes{position:relative;top:-8.4px;display:flex}.eyes .eye{position:relative;width:16.8px;height:16.8px;display:block;background:#fff;margin:0 3.15px;border-radius:50%}.eyes .eye:before{content:"";position:absolute;top:50%;left:5.25px;transform:translate(-50%,-50%);width:8.4px;height:8.4px;background:#000;border-radius:50%}.eyebrow-left{position:absolute;top:10px;left:13%;transform:rotate(-30deg);width:15px;height:2px;background:#894302;border-radius:2px}.eyebrow-right{position:absolute;top:10px;left:63%;transform:rotate(30deg);width:15px;height:2px;background:#894302;border-radius:2px}@media (max-width: 315px){.face{width:20vw;height:20vw}*{margin:0;padding:0;box-sizing:border-box}.face{position:absolute;left:66.2%;top:13.61%;width:20vw;height:20vw;border-radius:50%;background:#ffcd00;display:flex;justify-content:center;align-items:center}.face:before{content:"";position:absolute;top:60%;width:9.45vw;height:4.41vw;background:#b57700;border-bottom-left-radius:4.41vw;border-bottom-right-radius:4.41vw;transition:.5s}.face:hover:before{top:65%;width:9.45vw;height:1.26vw;background:#b57700;border-bottom-left-radius:0;border-bottom-right-radius:0}.eyes{position:relative;top:-3.2vw;display:flex}.eyes .eye{position:relative;width:5.2vw;height:5.2vw;display:block;background:#fff;margin:0 .7875vw;border-radius:50%}.eyes .eye:before{content:"";position:absolute;top:50%;left:1.3125vw;transform:translate(-50%,-50%);width:2.1vw;height:2.1vw;background:#000;border-radius:50%}.eyebrow-left,.eyebrow-right{display:none}}.game{width:100%;height:100%;display:flex;z-index:2;position:absolute;flex-direction:column;align-items:center;text-align:center;justify-content:center;background-image:url(/assets/game-background-JGXg3E_0.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:100vw;height:100vh;opacity:0;animation:fadeIn .5s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}#resultado{position:absolute;top:50%;left:37vw;opacity:0}#resultado h1{font-family:Oi;font-style:normal;font-weight:400;font-size:4vw;color:#0bb458;text-shadow:-4px -4px 0 #000,4px -4px 0 #000,-4px 4px 0 #000,4px 4px 0 #000}.visible{visibility:visible;animation:fadeOut 5s forwards;font-size:3vw}.placar{display:flex;flex-direction:column;margin-top:2vh}.placar h1{width:121px;height:29px;font-family:Oi;font-style:normal;font-weight:400;font-size:50px;line-height:12px;text-align:center;letter-spacing:-0em;color:#f8a01d;transform:rotate(-5.49deg);text-shadow:-4px -4px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.placar p{font-family:Oi;font-style:normal;font-weight:100;font-size:25px;padding-left:12vw;text-align:center;letter-spacing:0em;color:#0b0b0b;text-shadow:-4px -4px 0 #ffffff,4px -4px 0 #ffffff,-4px 4px 0 #ffffff,4px 4px 0 #ffffff;margin-bottom:1vw}.errors{display:flex;flex-direction:row;font-family:Inter}.game-buttons{display:flex;flex-direction:row;gap:3vw;flex-wrap:wrap}.new-word-btn{font-family:Inter;font-style:normal;font-weight:700;font-size:16px;line-height:16px;color:#000;display:flex;flex-direction:row;justify-content:center;align-items:center;border:4px solid #000000;box-shadow:6.4px 6.4px #000;border-radius:12.8px;width:105px;height:48px;background:#ffcb0c;transform:rotate(-4deg);margin-top:2vh}.new-word-btn:hover,.back-menu-btn:hover,.finish-btn:hover{cursor:pointer;transform:scale(1.1)}.back-menu-btn{font-family:Inter;font-style:normal;font-weight:700;font-size:16px;line-height:16px;color:#000;display:flex;flex-direction:row;justify-content:center;align-items:center;width:105px;height:48px;background:#fff;border:4px solid #000000;box-shadow:6.4px 6.4px #000;border-radius:12.8px;transform:rotate(2deg);margin-top:2vh}.finish-btn{font-family:Inter;font-style:normal;font-weight:700;font-size:16px;line-height:16px;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;width:110px;height:48px;background:#f24e1e;border:4px solid #000000;box-shadow:6.4px 6.4px #000;border-radius:12.8px;margin-top:2vh}.keyboard{display:flex;flex-direction:row;justify-content:center;align-content:space-evenly;flex-wrap:wrap;gap:1.3%;height:6vw;width:62vw}.letter-btn{max-width:20px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1% 2%;font-family:Inter;font-weight:700;background:#fff;border:3px solid #000000;box-shadow:.8vh .8vh #000;border-radius:12px}.letter-btn:hover{cursor:pointer;transform:scale(1.03)}.wrong-btn{max-width:20px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1% 2%;font-family:Inter;font-weight:700;background:#949494;border:3px solid #000000;box-shadow:6px 6px #000;border-radius:12px}@media (max-width:900px){.new-word-btn,.back-menu-btn,.finish-btn{margin-top:3vh}#resultado{left:25vw}#resultado h1{font-size:8vw}}@media (max-width:600px){.game-buttons{padding-top:4vh}.keyboard{height:5vh}.new-word-btn{font-family:Inter;font-style:normal;font-weight:700;font-size:2.67vw;line-height:2.67vw;color:#000;display:flex;flex-direction:row;justify-content:center;align-items:center;border:.67vw solid #000000;box-shadow:1.07vw 1.07vw #000;border-radius:2.13vw;width:17.5vw;height:8vw;background:#ffcb0c;transform:rotate(-4deg)}.back-menu-btn{font-family:Inter;font-style:normal;font-weight:700;font-size:2.67vw;line-height:2.67vw;color:#000;display:flex;flex-direction:row;justify-content:center;align-items:center;width:17.5vw;height:8vw;background:#fff;border:.67vw solid #000000;box-shadow:1.07vw 1.07vw #000;border-radius:2.13vw;transform:rotate(2deg)}.finish-btn{font-family:Inter;font-style:normal;font-weight:700;font-size:2.67vw;line-height:2.67vw;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;width:18.33vw;height:8vw;background:#f24e1e;border:.67vw solid #000000;box-shadow:1.07vw 1.07vw #000;border-radius:2.13vw}}@media (max-height:500px){.game{overflow:scroll;overflow-y:scroll}}@media (max-width:650px){.placar h1{height:auto;width:auto;font-size:9vw;margin-bottom:4vw;margin-top:2vh}.placar p{font-size:4vw;max-width:40vw;margin-left:12vw;margin-bottom:2vh}}@media (max-width:326px){.keyboard{height:fit-content;width:90vw}.letter-btn{height:9vw;width:9vw;font-size:5vw}.game-buttons{padding-top:0}.wrong-btn{height:9vw;width:9vw;font-size:5vw}}*{margin:0;padding:0;box-sizing:border-box;border:0;font-size:100%;vertical-align:baseline;line-height:1;font-family:Be Vietnam Pro;font-style:normal}.title{display:flex}.title h1{width:50vw;font-family:Oi;font-style:normal;font-weight:400;font-size:8vw;line-height:5.4vw;text-align:center;letter-spacing:-.06em;color:#000;transform:rotate(3.35deg);text-shadow:3px 3px #ffcd00,-3px -3px #ffcd00,3px -3px #ffcd00,-3px 3px #ffcd00}.buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:2vw;margin-top:5vh;transform:rotate(2.4deg)}.add-word-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:8px;width:161px;height:61px;background:#fff;border:3px solid #000000;box-shadow:6px 6px #000;border-radius:12px;font-family:Inter;font-style:normal;font-weight:700;font-size:24px;line-height:29px;color:#000;border:1px solid #000000;text-shadow:0px 4px 4px rgba(0,0,0,.25),0px 4px 4px rgba(0,0,0,.25);transform:rotate(2.4deg)}.game-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:8px;width:104px;height:61px;background:#0bb458;border:3px solid #000000;box-shadow:6px 6px #000;border-radius:12px;transform:rotate(2.4deg);font-family:Inter;font-style:normal;font-weight:700;font-size:24px;line-height:29px;color:#ccf3dd}.hidden{display:none}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/assets/menu-background-Cp_51b8P.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:100vw;height:100vh;animation:fadeIn .5s ease forwards}.add-word-btn:hover,.game-btn:hover{cursor:pointer;transform:scale(1.2)}@media (max-width: 1200px){.title h1{width:90vw;font-size:10vw;line-height:7vw}}@media (max-width: 900px){.title h1{width:90vw;font-size:12vw;line-height:8vw;text-shadow:2px 2px #ffcd00,-2px -2px #ffcd00,2px -2px #ffcd00,-2px 2px #ffcd00}}@media (max-width: 400px){.title h1{width:90vw;font-size:13vw;line-height:8vw;text-shadow:1px 1px #ffcd00,-1px -1px #ffcd00,1px -1px #ffcd00,-1px 1px #ffcd00}.buttons{flex-direction:column;gap:2vh}.add-word-btn{padding:12px 18px;gap:6px;width:120.75px;height:45.75px;border:2.25px solid #000000;box-shadow:4.5px 4.5px #000;border-radius:9px;font-size:18px;line-height:21.75px;color:#000;border:.75px solid #000000;text-shadow:0px 3px 3px rgba(0,0,0,.25),0px 3px 3px rgba(0,0,0,.25);transform:rotate(2.4deg)}.game-btn{padding:12px 18px;gap:6px;width:78px;height:45.75px;background:#0bb458;border:2.25px solid #000000;box-shadow:4.5px 4.5px #000;border-radius:9px;font-size:18px;line-height:21.75px;color:#ccf3dd}}@media (max-width: 300px){.add-word-btn{width:40vw;height:20vw;font-size:6vw;line-height:7vw}.game-btn{width:30vw;height:20vw;font-size:6vw;line-height:7vw}}