@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;100&family=Oswald:wght@100;200;300;400;500;600;700&family=Roboto:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amiri:wght@700&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}:root{--color-primary:#121212;--color-secondary:#519872;--color-teritiary:#e7d105;--color-font:#fff;--color-blue:#81c6e8;--color-green:#5fd068;--color-grey-light-1:#faf9f9;--color-grey-light-2:#f4f2f2;--color-grey-light-3:#f0eeee;--color-grey-light-4:#ccc;--color-grey-dark-1:#333;--color-grey-dark-2:#777;--color-grey-dark-3:#999;--color-grey-dark-4:#3c4048;--shadow-box:rgba(99,99,99,.2) 0px 2px 8px 0px;--line:solid 0.5px #333}*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}img{display:block;max-height:100%;max-width:100%}html{box-sizing:border-box;font-size:37%}@media only screen and (min-width:350px){html{font-size:45%}}@media only screen and (min-width:400px){html{font-size:52%}}@media only screen and (min-width:1200px){html{font-size:62.5%}}body{color:#faf9f9;color:var(--color-grey-light-1);font-family:Open Sans,sans-serif;font-weight:400;line-height:1.6}.example{--bg-color:pink;background-color:var(var(--bg-color))}.container{flex-direction:column;min-height:100vh;position:relative;width:100vw}.container,.header{background-color:#121212;background-color:var(--color-primary);display:flex}.header{align-items:center;border-bottom:.5px solid #333;border-bottom:.5px solid var(--color-grey-dark-1);height:8vh;justify-content:space-between;padding:0 2rem}.header__menu{background-color:transparent;border:none;color:#fff;color:var(--color-font);cursor:pointer;font-size:2.7rem}.header__icons{align-items:center;display:flex;gap:1rem}.header__icons__icon{background-color:transparent;border:none;cursor:pointer;font-size:2.7rem}.header__icons__icon,.logo{color:#fff;color:var(--color-font)}.logo{font-family:Amiri,serif;font-size:3rem}.closeBtn{align-self:flex-end;background-color:transparent;border:none;color:#fff;color:var(--color-font);cursor:pointer;font-size:2.7rem;font-size:2rem;font-weight:700}.menu{background-color:#121212;background-color:var(--color-primary);border-right:.5px solid #333;border-right:var(--line);box-shadow:0 2px 8px 0 rgba(99,99,99,.2);box-shadow:var(--shadow-box);flex-direction:column;height:92vh;position:absolute;top:8vh;z-index:55}.menu,.menu__header{display:flex;justify-content:space-between}.menu__header{align-items:center;padding:1.5rem}.menu__header__div{align-items:center;display:flex;gap:1rem}.menu__header__div h1{font-family:Amiri,serif;font-size:2rem}.menu__header__div button{background-color:transparent;border:none;border-right:.5px solid #333;border-right:var(--line);color:#fff;color:var(--color-font);cursor:pointer;font-size:2.7rem;font-size:2rem;padding-right:.5rem}.menu__moreFrom{font-size:1.1rem;padding:.7rem 1.5rem;text-transform:uppercase}.menu .btn--color{color:#fff;color:var(--color-font)}.menu .btn{align-items:center;border:none;border-radius:3px;display:flex;font-size:1.6rem;order:-3;padding:.2rem}.menu__more{border-bottom:.5px solid #333;border-bottom:var(--line);border-color:#fff;border-color:var(--color-font);list-style:none;padding:1.5rem 0}.menu__more li{align-items:center;display:flex;gap:2rem;padding:.75rem 1.5rem}.menu__more li:hover{background-color:#333;background-color:var(--color-grey-dark-1);cursor:pointer}.menu__more li p{font-size:1.3rem;text-transform:capitalize}.menu__more__item p{padding-left:4rem}.menu__more__btn--orange{background-color:#ff4500}.menu__more__btn--blue{background-color:#3081e3}.menu__more__btn--yellow{background-color:#ebe648;color:#191919}.menu__more__btn--pink{background-color:#08923d}.menu__privacy{cursor:pointer;font-size:1.1rem;padding:2rem 1rem}.menu__btnGroup{align-items:center;display:flex;gap:1rem;padding:1.5rem}.menu__btnGroup>*{flex:auto}.menu__btnGroup__btn{border:none;font-size:1.1rem;font-weight:700;padding:1rem;text-transform:uppercase}.menu__btnGroup__btn:hover{color:#fff;cursor:pointer}.menu__btnGroup__btn--white{background-color:#fff;color:#000}.menu__btnGroup__btn--white:hover{background-color:#000}.menu__btnGroup__btn--black{background-color:#000;color:#fff}.menu__btnGroup__btn--black:hover{background-color:#777;background-color:var(--color-grey-dark-2)}.gameContainer{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.cellsGrid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(5,auto);margin:auto 0;place-items:center}.cell{background-color:transparent;border:1.5px solid #777;border:1.5px solid var(--color-grey-dark-2);border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#fff;color:var(--color-font);font-size:2.7rem;font-weight:700;height:6rem;padding:1.5rem;text-transform:uppercase;width:6rem}@media screen and (max-width:900px){.cell{height:7rem;width:7rem}}.letters{flex-direction:column;gap:.7rem;margin-bottom:2rem;padding:2rem}.letters,.letters__row{align-items:center;display:flex}.letters__row{gap:.6rem}.letter{align-items:center;background-color:#333;background-color:var(--color-grey-dark-1);border:none;border-radius:4px;color:#fff;color:var(--color-font);display:flex;font-size:1.3rem;font-weight:700;padding:2rem 1.5rem;text-transform:uppercase}@media screen and (max-width:1024px){.letter{font-size:1.4rem}}.letter:hover{background-color:#c42020}.letter svg{font-size:1.5rem}.letter:hover{cursor:pointer}.letter--yellow{background-color:#e7d105;background-color:var(--color-teritiary)}.letter--green{background-color:#519872;background-color:var(--color-secondary)}.letter--grey{background-color:#999;background-color:var(--color-grey-dark-3)}.disableLetters{pointer-events:none}.quesPanel{background-color:#191919;border-radius:8px;display:flex;flex-direction:column;font-size:1.3rem;left:50%;max-width:450px;padding:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;z-index:100}.quesPanel a{color:#81c6e8;color:var(--color-blue);margin:0 .3rem;text-decoration:none}.quesPanel a:hover{cursor:pointer}.quesPanel__content{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.quesPanel__content__titles{text-transform:capitalize}.quesPanel__content__titles h1{font-family:Amiri,serif;font-size:2.7rem;line-height:2.5rem}.quesPanel__content__titles h2{font-size:1.7rem;font-weight:100}.quesPanel__content__list{margin-left:2rem}.quesPanel__content__list li{line-height:2.1rem;margin-bottom:.5rem}.quesPanel__content__exampTitle{font-size:1.5rem}.quesPanel__content__example figcaption{font-size:1.4rem}.quesPanel__stats{align-items:center;border-bottom:.5px solid #333;border-bottom:var(--line);border-top:.5px solid #333;border-top:var(--line);border-color:#fff;border-color:var(--color-font);display:flex;gap:.5rem;padding:1.5rem 0}.quesPanel__stats__btn{align-items:center;background-color:#6bb450;border:none;border-radius:5px;color:#fff;color:var(--color-font);display:flex;font-size:2rem;padding:.5rem}.quesPanel__contact p{margin:1.5rem 0}.quesPanel__contact__info{width:82%}.example{align-items:center;display:flex;gap:.4rem;margin-bottom:1rem}.example__btn{background-color:transparent;border:.2px solid #777;border:.2px solid var(--color-grey-dark-2);color:#fff;color:var(--color-font);font-size:2.5rem;font-weight:600;min-height:3.5rem;min-width:3.5rem;text-transform:uppercase}.statsPanel{background-color:#191919;border-radius:8px;display:flex;flex-direction:column;left:50%;max-width:450px;padding:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;z-index:100;z-index:999}.statsPanel__link{font-size:1.3rem;font-weight:200;margin-top:1rem}.statsPanel__link:link{color:#fff;color:var(--color-font)}.statsPanel__link:visited{color:#dc2222}.statsPanel__link:hover{cursor:pointer}.statsPanel__linkBtn{background-color:transparent;border:.5px solid #fff;border:.5px solid var(--color-font);border-radius:40px;color:#fff;color:var(--color-font);display:block;font-size:1.3rem;font-weight:700;margin-top:1.5rem;padding:.7rem 2rem;text-align:center;text-decoration:none}.statsPanel__content{gap:2rem}.statsPanel__content,.statsPanel__content__stats{align-items:center;display:flex;flex-direction:column}.statsPanel__content__stats{gap:.5rem}.statsPanel__content__stats__title{font-size:2rem}.statsPanel__content__stats__per{align-items:center;align-items:baseline;display:flex;gap:3rem}.statsPanel__content__stats__per div{align-items:center;display:flex;flex-direction:column;justify-content:center}.statsPanel__content__stats__per div h1{font-size:3.5rem;font-weight:200}.statsPanel__content__stats__per div p{font-size:1rem;margin-top:-1rem;text-align:center}.statsPanel__content__stats__per div p br{content:"";display:block;margin-top:-.5rem}.statsPanel__content__data{align-items:center;display:flex;flex-direction:column;font-size:1.4rem}.statsPanel__content__data h1{font-size:1.7rem;text-transform:capitalize}.statsPanel__content__link{grid-gap:1rem;align-items:start;border:.5px solid #333;border:var(--line);border-color:#777;border-color:var(--color-grey-dark-2);border-left:0;border-right:0;display:grid;gap:1rem;grid-template-columns:repeat(2,auto);justify-items:start;padding:2rem 3rem}.statsPanel__content__link__btn{position:relative}.statsPanel__content__link__btn .statBtn{align-items:center;background-color:#6bb450;border:none;border-radius:5px;color:#fff;color:var(--color-font);display:flex;font-size:2rem;padding:.5rem}.statsPanel__content__link__btn .stickBtn{background-color:transparent;border:none;bottom:-15%;color:#fff;color:var(--color-font);position:absolute;right:-5%}.statsPanel__content__link__login{display:flex;flex-direction:column;gap:.2rem}.statsPanel__content__link__login p{font-size:1.15rem}.statsPanel__content__link__login span{color:#81c6e8;color:var(--color-blue);text-transform:uppercase}.statsPanel__content__link .statsPanel__link{grid-column:1/span 2;place-self:center}.statsPanel__content__bee{align-items:center;display:flex;gap:1rem;padding:.7rem 7rem;text-transform:capitalize}.statsPanel__content__bee button{background-color:transparent;border:none;color:#f8f821;font-size:2rem}.settingPanel{align-items:center;background-color:#191919;border-radius:8px;display:flex;flex-direction:column;left:50%;max-width:450px;padding:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;z-index:100}.settingPanel__title{font-size:2rem;margin-bottom:1rem;text-transform:uppercase}.settingPanel__footer,.settingPanel__sets{align-self:stretch}.settingPanel__footer,.settingPanel__sets__normal,.settingPanel__sets__slide{align-items:center;border-bottom:.5px solid #333;border-bottom:var(--line);display:flex;justify-content:space-between;padding:1rem}.settingPanel__footer,.settingPanel__sets p{color:#999;color:var(--color-grey-dark-3);font-size:1.05rem}.settingPanel__sets h1{font-size:1.7rem}.settingPanel__sets__normal p{font-size:1.5rem}.settingPanel__footer{border-bottom:none}.switch{display:inline-block;height:24px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:18px;left:4px;width:18px}input:checked+.slider{background-color:#5fd068;background-color:var(--color-green)}input:focus+.slider{box-shadow:0 0 1px #5fd068;box-shadow:0 0 1px var(--color-green)}input:checked+.slider:before{-webkit-transform:translateX(18px);transform:translateX(18px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.modal{background-color:#000;height:100vh;opacity:.4;position:absolute;width:100vw;z-index:99}.error{background-color:#fff;background-color:var(--color-font);color:#121212;color:var(--color-primary);font-size:1.3rem;font-weight:700;padding:1rem;top:8vh;-webkit-transform:translate(-50%);transform:translate(-50%)}.error,.resultPanel{left:50%;position:absolute}.resultPanel{background-color:#191919;border-radius:8px;display:flex;flex-direction:column;max-width:450px;padding:2rem;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;z-index:100}.resultPanel__title{font-size:2.5rem;text-align:center}.resultPanel__content{align-items:center;display:flex;padding:1rem;pointer-events:none}
/*# sourceMappingURL=main.56f5838e.css.map*/