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;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;position:absolute;text-align:center;width:100vw}.overflow-hidden{overflow:hidden}h1{margin:0}input{background-color:transparent;border:none;color:transparent;cursor:default;outline:none;position:fixed;top:0}input::selection{background-color:transparent;color:transparent}.playing-board-container{grid-row-gap:4px;grid-column-gap:0;-webkit-column-gap:0;column-gap:0;grid-template-columns:repeat(5,1fr);row-gap:4px}.keyboard-container,.playing-board-container{display:grid;margin-left:50%;margin-top:5vh;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content}.keyboard-container{grid-gap:7px;gap:7px}.for-information{background-color:transparent;height:100%;position:fixed;top:0;transition:background-color .5s ease,opacity .5s ease,visibility .5s ease,-webkit-transform .5s ease;transition:background-color .5s ease,opacity .5s ease,transform .5s ease,visibility .5s ease;transition:background-color .5s ease,opacity .5s ease,transform .5s ease,visibility .5s ease,-webkit-transform .5s ease;width:100%;z-index:-1}.dark{background-color:#121213;color:#fff}.light{background-color:#fff;color:#000}@media (max-width:325px){.keyboard-container{gap:5px}}@media (max-height:515px){.keyboard-container{gap:5px}}.tile{align-items:center;display:inline-flex;height:min(8vh,16vw);justify-content:center;margin-left:2px;margin-right:2px;padding:0;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .3s ease,transform .3s ease;width:min(8vh,16vw)}.pop-tile-grow{-webkit-transform:scale(105%);transform:scale(105%)}.pop-tile-grow,.pop-tile-reduce{transition:-webkit-transform .05s ease,transform .05s ease}.pop-tile-reduce{-webkit-transform:scale(95%);transform:scale(95%)}.border-tile-pre-light{border:2px solid #d3d6da}.border-tile-pre-dark{border:2px solid #3a3a3c}.border-tile-light{border:2px solid #000}.border-tile-dark{border:2px solid #b4b2b2}.transparent-border{border:2px solid transparent}.flip{-webkit-transform:scaleY(0);transform:scaleY(0)}.left-1{-webkit-transform:translateX(-1px);transform:translateX(-1px)}.left-1,.right-1{transition:-webkit-transform .05s ease;transition:transform .05s ease;transition:transform .05s ease,-webkit-transform .05s ease}.right-1{-webkit-transform:translateX(1px);transform:translateX(1px)}.left-3{-webkit-transform:translateX(-3px);transform:translateX(-3px)}.left-3,.right-3{transition:-webkit-transform .05s ease;transition:transform .05s ease;transition:transform .05s ease,-webkit-transform .05s ease}.right-3{-webkit-transform:translateX(3px);transform:translateX(3px)}.left-5{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.left-5,.right-5{transition:-webkit-transform .05s ease;transition:transform .05s ease;transition:transform .05s ease,-webkit-transform .05s ease}.right-5{-webkit-transform:translateX(5px);transform:translateX(5px)}.up{-webkit-transform:translateY(max(-6vh,-16vw));transform:translateY(max(-6vh,-16vw))}.down,.up{transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.down{-webkit-transform:translateY(10px);transform:translateY(10px)}@media (max-width:390px){.border-tile{border:2px solid #686464}}@media (max-width:420px){.tile{font-size:small}}@media (max-height:550px){.tile{font-size:small}}.keyboard-tile{align-items:center;border:none;border-radius:5px;display:inline-flex;font-size:9px;height:55px;justify-content:center;margin-left:3px;margin-right:3px;width:min(45px,8.15vw)}@media (max-width:530px){.keyboard-tile{font-size:8px}}@media (max-width:325px){.keyboard-tile{font-size:7px;margin-left:2px;margin-right:2px}}@media (max-height:640px){.keyboard-tile{font-size:8px;height:7.75vh}}@media (max-height:560px){.keyboard-tile{font-size:7px;height:7vh}}@media (max-height:515px){.keyboard-tile{font-size:7px;height:6.5vh}}.keyboard-tile-big{align-items:center;border:none;border-radius:5px;display:inline-flex;font-size:8px;height:55px;justify-content:center;margin-left:3px;margin-right:3px;width:min(65px,13vw)}@media (max-width:530px){.keyboard-tile-big{font-size:7px}}@media (max-width:315px){.keyboard-tile-big{font-size:6px;margin-left:2px;margin-right:2px}}@media (max-height:640px){.keyboard--big{font-size:7px;height:7.75vh}}@media (max-height:560px){.keyboard-tile-big{font-size:6px;height:7vh}}@media (max-height:515px){.keyboard-tile-big{font-size:6px;height:6.5vh}}.invalid-tile{left:50%;padding:15px 10px;position:absolute;top:17vh;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:3}.invalid-tile h4{margin:0;padding:0}.header-container{border-bottom:1px solid #d3d3d3;display:flex;justify-content:space-between;padding:5px 10px}.header-icon{padding-left:5px;padding-right:5px;padding-top:min(10px,2vw)}.title{margin:0 auto;padding:0}.title h1{font-family:Bitter,serif;font-weight:800;margin-bottom:0;margin-top:5px}.interactive-icon{cursor:pointer}@media (max-width:400px){.title h1{font-size:1.5rem}}.small-letter-container{align-items:center;box-sizing:border-box;display:flex;height:min(7vh,14vw);justify-content:center;margin-right:3px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:min(7vh,14vw)}.border-tile-light-thin{border:2px solid #d3d6da}.border-tile-dark-thin{border:2px solid #3a3a3c}.border-tile-transparent-thin{border:2px solid transparent}.information-container{background-color:transparent;left:50%;padding:3vh 20px 0;position:absolute;text-align:left;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .5s ease,visibility .5s ease,background-color .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease,visibility .5s ease,background-color .5s ease;transition:opacity .5s ease,transform .5s ease,visibility .5s ease,background-color .5s ease,-webkit-transform .5s ease;width:min(500px,80vw);z-index:-1}.bottom-of-content{border-bottom:2px solid #d3d3d3;padding-bottom:10px}.visible{opacity:1;visibility:visible}.invisible{opacity:0;-webkit-transform:translate(-50%,-10vh);transform:translate(-50%,-10vh);visibility:hidden}.information-header{display:flex;justify-content:center;text-align:center}.information-word{display:flex}.cross{cursor:pointer;margin-left:auto}@media (max-width:515px){.information-container{font-size:small}}@media (max-width:390px){.information-container{font-size:smaller}}@media (max-width:375px){.information-container{font-size:x-small}}.game-message-container{border-radius:50px;height:200px;left:50%;outline-offset:-10px;padding:0;position:absolute;text-align:left;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .5s ease,visibility .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease,visibility .5s ease;transition:opacity .5s ease,transform .5s ease,visibility .5s ease,-webkit-transform .5s ease;width:min(450px,80vw);z-index:-1}.dark-game{background-color:#818384;outline:2px solid #fff}.light-game{background-color:#d3d6da;outline:2px solid #000}.dark-cross{color:#fff}.light-cross{color:#000}.game-message-content{left:50%;margin:0;padding:0;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}.game-message-cross{cursor:pointer;position:absolute;right:0;top:0}
/*# sourceMappingURL=main.87625ccc.css.map*/