@import url(https://fonts.googleapis.com/css2?family=Jua&display=swap);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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hangman-container{background-image:url(/static/media/checkedPaper.be0d5858f1a5cec3b734.png);background-position:50%;background-size:cover;color:#000;display:flex;flex-direction:column;font-family:Jua,sans-serif;height:100vh;width:100vw}.hangman-header{font-size:90px}.hangman-main{align-items:flex-start;display:flex;flex:1 1;justify-content:center}.hangman-content{max-width:600px;position:relative;text-align:center;width:80%}.hangman-image{border-radius:10px;width:90%}.hangman-description{font-size:32px;padding-left:84px;padding-right:105px;position:absolute;transform:translateY(-131%)}.hangman-footer{display:flex;gap:160px;justify-content:center;padding-bottom:74px}.hangman-footer-game{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:50px;padding:20px}.hangman-button{background-color:initial;border:3px solid #000;border-radius:30px;cursor:pointer;font-family:Jua,sans-serif;font-size:40px;padding:10px 20px;transition:transform .2s,background-color .2s}.hangman-button:hover{transform:scale(1.05)}.gameplay-layout{align-items:flex-start;display:flex;height:80%;justify-content:space-between;padding:20px}.gameplay-left{align-items:center;background-color:#fff3;border-radius:10px;box-shadow:0 4px 8px #0000004d;display:flex;justify-content:center;padding:20px;width:65%}.guess-section{font-family:Jua,sans-serif;font-size:24px;text-align:center}.gameplay-right{background-color:#ff03;padding:20px;width:30%}.image-container{height:auto;text-align:center;width:100%}.dynamic-image{border-radius:10px;box-shadow:0 4px 8px #0000004d;width:100%}.alphabet-button{background-color:#fff;border:2px solid #000;border-radius:5px;cursor:pointer;font-size:18px;margin:5px;padding:10px;transition:background-color .3s ease,transform .2s}.alphabet-button:hover{background-color:#f0f0f0;transform:scale(1.1)}.alphabet-button.clicked{background-color:#d3d3d3;cursor:not-allowed}.hangman-back-button{background-color:initial;border:3px solid #000;border-radius:30px;cursor:pointer;font-family:Jua,sans-serif;font-size:40px;left:20px;padding:10px 20px;position:absolute;top:20px;transition:transform .2s,background-color .2s}.hangman-back-button:hover{background-color:#f0f0f0;transform:scale(1.1)}.hangman-header{font-size:64px;margin:20px 0;position:relative;text-align:center;text-shadow:2px 2px 4px #000000b3}:root{--font-family:"Jua",sans-serif;--fs-xs:12px;--fs-sm:16px;--fs-base:20px;--fs-lg:24px;--fs-xl:30px;--fs-xxl:32px;--fs-xxxl:40px;background-image:url(/static/media/checkedPaper.be0d5858f1a5cec3b734.png)}img.hangman-frame{height:90%}.hangman-wrapper{height:100vh}.word-area{align-items:center;display:flex}header.hangman-header-buttons{display:flex;justify-content:space-between}.hangman-header-buttons .btn:hover{background-color:#f0f0f0;cursor:pointer}.game-status{font-size:24px;font-size:var(--fs-lg)}.game-status,.title{font-family:Jua,sans-serif;font-family:var(--font-family)}.title{display:flex;justify-content:center}.mainPart{align-items:center;display:flex;flex-direction:column;height:80vh}.letter{display:inline-block;font-size:2rem;margin:0 .3rem;transition:color .3s ease}.missed-letter{color:red;font-weight:700}.letter-space{display:inline-block;font-size:2rem;margin:0 .3rem;text-align:center;width:1rem}.btn{background-color:initial;border:solid #000;border-radius:30px}.btn,.word-area{font-family:Jua,sans-serif;font-family:var(--font-family)}.letters-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.letters-buttons button:nth-child(14):after{content:"";flex-basis:100%;height:0}.letter-btn{background-color:initial;border-radius:20px;font-family:Jua,sans-serif;font-family:var(--font-family);margin:5px;padding:10px;width:60px}@media (max-width:479px){h1.game-title{font-size:30px;font-size:var(--fs-xl)}.btn{font-size:12px;font-size:var(--fs-xs);margin:20px;padding:7px;width:25%}.images{height:50%}.word-area{font-size:16px;font-size:var(--fs-sm);height:20%}.letters-area{height:25%}.letter-btn{font-size:16px;font-size:var(--fs-sm);margin:5px;padding:5px;width:33px}}@media (min-width:480px) and (max-width:767px){h1.game-title{font-size:40px;font-size:var(--fs-xxxl)}.btn{font-size:24px;font-size:var(--fs-lg);margin:15px;padding:4px;width:30%}.images{height:50%}.word-area{font-size:24px;font-size:var(--fs-lg);height:20%}.letters-area{height:25%}.letter-btn{font-size:24px;font-size:var(--fs-lg);margin:5px;padding:5px;width:40px}}@media (min-width:768px) and (max-width:1024px){h1.game-title{font-size:40px;font-size:var(--fs-xxxl)}.btn{font-size:24px;font-size:var(--fs-lg);margin:15px;padding:4px;width:20%}.images{height:50%}.word-area{font-size:32px;font-size:var(--fs-xxl);height:20%}.letters-area{height:25%}.letter-btn{font-size:24px;font-size:var(--fs-lg);width:40px}}@media (min-width:1025px){.hangman-wrapper{margin:0 auto;width:1024px}h1.game-title{font-size:40px;font-size:var(--fs-xxxl)}.btn{font-size:24px;font-size:var(--fs-lg);margin:15px;padding:4px;width:20%}.images{height:50%}.word-area{font-size:32px;font-size:var(--fs-xxl);height:15%}.letters-area{height:25%}.letter-btn{font-size:30px;font-size:var(--fs-xl)}}
/*# sourceMappingURL=main.1c7fd31a.css.map*/