@import url(https://fonts.googleapis.com/css2?family=Chilanka&display=swap);:root{--gallowsBrown:#a35b5b}*{margin:0;padding:0;box-sizing:border-box;font-family:"Chilanka",cursive}body{height:100vh;display:grid;place-content:center;background:#afffaf}@media screen and (max-width:800px){body{height:100vh;height:calc(var(--vh, 1vh)*100)}}.githubLink{position:absolute;right:20px;top:20px}.githubLink>img{opacity:.3;width:30px;height:30px;transition:all .5s ease}.githubLink:hover>img{opacity:1}.game{width:90vw;max-width:1200px;height:80vh;height:calc(var(--vh, 1vh)*80);grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.game,.word{display:grid}.word{place-content:center;font-size:60px}.letters{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(4,1fr);grid-gap:10px;place-items:center}.grayScreen{position:absolute;background-color:rgba(0,0,0,.6);top:0;left:0;width:100%;height:100%}.active{background-color:transparent}@media screen and (max-width:1000px){.game{display:flex;flex-direction:column;justify-content:center}.word{margin:1em 0}.letters{max-width:600px;width:95%;margin:0 auto}}@media screen and (max-width:550px){.letters{grid-gap:5px;gap:5px;grid-template-columns:repeat(6,1fr)}.word{margin:.5em 0;font-size:2.5rem}}.letters>div{width:100%;aspect-ratio:1;min-height:57px;background:#78dcfa;border:3px solid #000;border-radius:15px;display:grid;place-content:center;cursor:pointer}.letters p{font-size:30px;font-weight:700}.letters>.clicked{background:rgba(1,86,112,.4)}@media screen and (max-width:550px){.letters p{font-size:20px;font-weight:700}.letters>div{width:100%;min-height:40px;max-height:60px;border:2px solid #000;border-radius:10px}}.gallowsContainer{grid-row:1/3;display:grid;place-content:center}.gallows{width:300px;height:500px;position:relative}.bottom{width:100%;height:10px;background:var(--gallowsBrown);position:absolute;bottom:0}.post{width:10px;height:100%}.post,.top{background:var(--gallowsBrown);position:absolute;left:30px}.top{width:150px;height:10px}.down{height:70px;left:170px}.angle,.down{width:10px;background:var(--gallowsBrown);position:absolute}.angle{height:120px;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:71px;top:-12px}.person{top:68px}.head,.person{position:absolute;left:75px}.head{width:50px;height:50px;border:5px solid #000;border-radius:50%}.torso{width:5px;height:150px;background:#000;left:98px;position:absolute;top:50px}.leftArm{left:76px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.leftArm,.rightArm{width:5px;height:60px;background:#000;position:absolute;top:70px}.rightArm{left:119px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.leftLeg{left:76px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.leftLeg,.rightLeg{width:5px;height:60px;background:#000;position:absolute;top:190px}.rightLeg{left:119px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media screen and (max-width:1000px){.gallows{width:175px;height:250px}.top{width:100px;left:30px}.down{height:40px;left:130px}.angle{height:70px;left:54px;top:-4px}.person{top:40px;left:35px}.torso{height:100px;left:98px;top:50px}.leftLeg,.rightLeg{top:140px}}@media screen and (max-width:550px){.gallows{width:150px;height:200px}.top{width:70px;left:30px;height:5px}.down{height:30px;left:100px;width:5px}.angle{height:40px;left:45px;top:-4px;width:5px}.post{width:5px;height:100%}.bottom{height:5px}.person{top:30px;left:13px}.head{width:30px;height:30px;border:3px solid #000}.torso{height:80px;left:88px;top:30px;width:3px}.leftArm{left:76px}.leftArm,.rightArm{width:3px;height:30px;top:40px}.rightArm{left:100px}.leftLeg{left:77px}.leftLeg,.rightLeg{width:3px;height:30px;top:105px}.rightLeg{left:99px}}.popup{width:600px;height:400px;border:3px solid #000;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);flex-direction:column;justify-content:space-around;align-items:center;border-radius:50px;display:flex;background:#fc6ab3}.popup h1{font-size:70px}.playAgain{width:200px;height:100px;font-size:30px;border-radius:10px;cursor:pointer;background:#ffc400;border:3px solid #000}.popup h2{display:flex;flex-direction:column;align-items:center}.popup span{padding-top:10px;font-size:40px}@media screen and (max-width:1000px){.popup{width:400px;height:300px;border-radius:30px}.popup h1{font-size:50px}.playAgain{width:150px;height:75px;font-size:20px}.popup h2{font-size:15px}.popup span{padding-top:10px;font-size:35px}}@media screen and (max-width:550px){.popup{width:85%;height:250px;border-radius:20px}.popup h1{font-size:35px}.playAgain{width:100px;height:50px;font-size:15px}.popup h2{font-size:12px}.popup span{padding-top:.5em;font-size:25px}}
/*# sourceMappingURL=main.657db9f4.chunk.css.map */