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}html{scroll-behavior:smooth}.App{text-align:center}a{color:#000;text-decoration:none}h2{font-size:52px;font-weight:800;margin-bottom:12px;margin-top:0}.game{display:flex;flex-direction:column;margin-bottom:10px}.game-header{border-bottom:1px solid #dedede;display:flex;flex:1 1;min-height:1px;padding:24px 24px 4px}.game-header-container{text-align:left}@media(max-width:700px){.game-header{padding-bottom:10px}.game-header-container div{align-items:self-start;flex-direction:column;margin-bottom:4px}}@media(max-width:550px){.game-header-container-description{display:none}}@media(max-width:500px){.keyboard{width:100%}}@media(max-width:420px){.header-info{display:none!important}.game-header{justify-content:space-between!important}.tab-items p{margin-bottom:0;margin-top:0}}.game-header-container-description{margin-bottom:0;margin-top:4px}.game-header .date{font-size:19px;font-weight:300;margin:5px 0 0}h1{font-size:31px;font-weight:900;margin:0 16px 0 0}.game-wrapper{padding:10px}.game-container{align-items:center;justify-content:center;width:100%}.game-container,.game-status{display:flex;flex-direction:column}.game-status{width:50%}.submit-button{align-items:center;background-color:#dedede;border:none;border-radius:37px;color:#7f7d7d;display:flex;font-size:18px;font-weight:700;height:46px;margin-top:15px;max-height:4.5em;padding:0 20px;text-align:center}.submit-button-active{background-color:#fde456;color:#000;cursor:pointer}.submit-button-active:hover{background-color:#f4d734}.error{-webkit-animation:shaking .4s ease-in 1;animation:shaking .4s ease-in 1;color:#1a88d2;font-weight:800}.close-button{cursor:pointer;position:absolute;right:19px}@-webkit-keyframes shaking{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shaking{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.w-50{width:50%}.f18{font-size:18px}.f15{font-size:15px}.f14{font-size:14px}.w-100{width:100%}.flex-column{flex-direction:column}.flex-column,.flex-row{align-items:center;display:flex}.align-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.pointer{cursor:pointer}.bold{font-weight:700!important}.super-bold{font-weight:900!important}.mb-15{margin-bottom:15px!important}.mt-0{margin-top:0!important}.mt-20{margin-top:20px}.mb-0{margin-bottom:0!important}.mr-10{margin-right:10px}.mb-10{margin-bottom:10px}.bg-green{background:#43a047}.bg-yellow{background:#e4a81d}.bg-grey{background:#757575}.c-green{color:#43a047}.c-yellow{color:#e4a81d}.c-grey{color:#757575}@media(max-width:980px){.game-header{width:auto}.game-container{padding:0;width:100%}}@media(max-width:520px){h1{font-size:26px}.game-header{align-items:flex-end;display:flex;justify-content:flex-start}.game-header-container{align-items:flex-end;flex-direction:column}}.keyboard{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:space-between;margin:0 8px;-webkit-user-select:none;user-select:none}.keyboard-row{display:flex;margin:0 auto 8px;touch-action:manipulation}@media(max-width:500px){.keyboard-row{width:100%}}.keyboard-row-key{-webkit-tap-highlight-color:rgba(0,0,0,.3);align-items:center;background-color:#d3d6da;border:0;border-radius:4px;color:#000;cursor:pointer;display:flex;flex:1 1;font-size:1.25em;font-weight:700;height:58px;justify-content:center;margin:0 6px 0 0;max-width:43px;padding:0;text-transform:uppercase;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:43px}@media(max-width:500px){.keyboard-row-key{max-width:53px;width:100%}}.keyboard-row .backspace,.keyboard-row .enter{font-size:12px;max-width:65px;width:65px}.word{grid-gap:5px;display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:5px}.word .letter{align-items:center;border:2px solid #d3d6da;box-sizing:border-box;display:inline-flex;font-size:2rem;font-weight:700;height:52px;justify-content:center;line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none;vertical-align:middle;width:100%;width:52px}.green-state-1{-webkit-animation:flip-green .2s ease forwards;animation:flip-green .2s ease forwards}.yellow-state-1{-webkit-animation:flip-yellow .2s ease forwards;animation:flip-yellow .2s ease forwards}.grey-state-1{-webkit-animation:flip-grey .2s ease forwards;animation:flip-grey .2s ease forwards}.green-state-2{-webkit-animation:flip-green .2s ease .3s forwards;animation:flip-green .2s ease .3s forwards;-webkit-animation-delay:200;animation-delay:200}.yellow-state-2{-webkit-animation:flip-yellow .2s ease .3s forwards;animation:flip-yellow .2s ease .3s forwards;-webkit-animation-delay:200;animation-delay:200}.grey-state-2{-webkit-animation:flip-grey .2s ease .3s forwards;animation:flip-grey .2s ease .3s forwards;-webkit-animation-delay:200;animation-delay:200}.green-state-3{-webkit-animation:flip-green .2s ease .6s forwards;animation:flip-green .2s ease .6s forwards;-webkit-animation-delay:400;animation-delay:400}.yellow-state-3{-webkit-animation:flip-yellow .2s ease .6s forwards;animation:flip-yellow .2s ease .6s forwards;-webkit-animation-delay:400;animation-delay:400}.grey-state-3{-webkit-animation:flip-grey .2s ease .6s forwards;animation:flip-grey .2s ease .6s forwards;-webkit-animation-delay:400;animation-delay:400}.green-state-4{-webkit-animation:flip-green .2s ease .9s forwards;animation:flip-green .2s ease .9s forwards}.yellow-state-4{-webkit-animation:flip-yellow .2s ease .9s forwards;animation:flip-yellow .2s ease .9s forwards}.grey-state-4{-webkit-animation:flip-grey .2s ease .9s forwards;animation:flip-grey .2s ease .9s forwards}.green-state-5{-webkit-animation:flip-green .2s ease 1.2s forwards;animation:flip-green .2s ease 1.2s forwards}.yellow-state-5{-webkit-animation:flip-yellow .2s ease 1.2s forwards;animation:flip-yellow .2s ease 1.2s forwards}.grey-state-5{-webkit-animation:flip-grey .2s ease 1.2s forwards;animation:flip-grey .2s ease 1.2s forwards}.click-state{-webkit-animation:click-animation .1s;animation:click-animation .1s}@-webkit-keyframes flip-green{0%{border:2px solid #d3d6da;color:#000;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{background:#fff;-webkit-transform:scaleY(0);transform:scaleY(0)}53%{color:#fff}to{background:#538d4e;border:2px solid #538d4e;color:#fff;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes flip-green{0%{border:2px solid #d3d6da;color:#000;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{background:#fff;-webkit-transform:scaleY(0);transform:scaleY(0)}53%{color:#fff}to{background:#538d4e;border:2px solid #538d4e;color:#fff;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes flip-yellow{0%{border:2px solid #d3d6da;color:#000;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{background:#fff;-webkit-transform:scaleY(0);transform:scaleY(0)}53%{color:#fff}to{background:#c9b458;border:2px solid #c9b458;color:#fff;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes flip-yellow{0%{border:2px solid #d3d6da;color:#000;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{background:#fff;-webkit-transform:scaleY(0);transform:scaleY(0)}53%{color:#fff}to{background:#c9b458;border:2px solid #c9b458;color:#fff;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes flip-grey{0%{border:2px solid #d3d6da;color:#000;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{background:#fff;-webkit-transform:scaleY(0);transform:scaleY(0)}53%{color:#fff}to{background:#787c7e;border:2px solid #787c7e;color:#fff;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes flip-grey{0%{border:2px solid #d3d6da;color:#000;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{background:#fff;-webkit-transform:scaleY(0);transform:scaleY(0)}53%{color:#fff}to{background:#787c7e;border:2px solid #787c7e;color:#fff;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes click-animation{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes click-animation{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.toast{background:#000;border-radius:5px;color:#fff;height:21px}.toast>div{font-weight:700;height:0}.toast>div .toast-component{position:relative;z-index:9999999}.toast>div .toast-component p{font-size:15px;line-height:22px}.toast>div .toast-component .icon-close{margin-left:25px}.modal{display:flex;flex-direction:column;height:100%;justify-content:center}.modal-content{background:#fff;border-radius:20px;height:400px;margin:0 auto;max-width:700px;padding:20px;position:relative;text-align:center;width:80%}.modal .modal-content h3{font-size:35px;font-weight:900;margin-bottom:0;text-align:center}.modal .modal-content p{font-size:18px;margin-bottom:0;margin-top:5px;text-align:center}.modal-content button{align-items:center;background:#44a047;border:none;border-radius:39px;color:#fff;cursor:pointer;display:flex!important;display:block;font-size:18px;font-weight:700;justify-content:space-between;margin:15px auto 33px;padding:15px 28px}.modal-content button:hover{background:#368e39}.modal-content h4{font-size:23px;font-weight:900;text-align:center}#nav-menu-content{-webkit-animation:slideOpen .2s ease-in;animation:slideOpen .2s ease-in;background-color:#fff;box-shadow:3px 5px 5px rgba(0,0,0,.149);box-sizing:border-box;color:#000;display:flex;flex-direction:column;height:calc(100vh - 110px);justify-content:space-between;left:5px;max-width:375px;overflow-y:auto;padding:0;position:absolute;top:100px;width:100%;z-index:999999}@media(max-width:520px){#nav-menu-content{max-width:none;top:70px}}.close-x{color:#000;height:24px;position:absolute;right:12px;top:12px;width:24px}#nav-menu-container{align-items:start;display:flex;flex-direction:column;margin-top:40px;padding:20px}#nav-menu-container a{color:#000;font-size:16px;font-weight:700;margin-bottom:10px;text-decoration:none}#nav-menu-container a:hover{color:#43a047}.nav-content-header-info{border-bottom:1px solid #d7d7d7;display:none;margin-bottom:15px;padding-bottom:15px;text-align:left}.underline{text-decoration:underline}h4{margin-bottom:8px}.menu-header{border-bottom:1px solid #d4d4d4;margin-bottom:30px;padding-bottom:15px;width:100%}.menu-header *{text-align:left}.menu-header h2{font-size:27px;margin-bottom:5px}.menu-header p{font-size:15px;margin-bottom:0;margin-top:0}.games-container{background:#fff5cd;border-radius:11px;margin-top:20px;max-width:299px;padding:16px;text-align:left}.games-container h4{margin-top:0}@media(max-width:420px){.nav-content-header-info{display:flex;flex-direction:column}}@-webkit-keyframes slideOpen{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideOpen{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.rules-container{font-size:1rem;line-height:1.5;margin:0 auto;max-width:483px;text-align:left}.rules-container .rules-letter{align-items:center;border-radius:5px;color:#fff;cursor:default;display:flex;font-size:1.875rem;font-weight:700;height:100%;justify-content:center;margin-right:10px;max-width:62px;min-height:62px;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.rules-container .rules-example{max-width:320px}.about-container{font-size:1rem;line-height:1.5;margin:30px auto 0;max-width:493px;text-align:left}.about-container .button{background:#18a861;border-radius:9px;color:#fff;font-size:19px;font-weight:700;padding:7px 23px}
/*# sourceMappingURL=main.7d4b478d.css.map*/