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}*{box-sizing:border-box;margin:0;padding:0}.app{display:flex;flex-direction:column;height:100vh;justify-content:space-between}.nav-bar{border-bottom:1px solid #d3d6da;padding:1rem}.nav-bar__heading{font-size:2rem;text-align:center}.word-grid{flex-direction:column;padding:1rem}.word-grid,.word-row{display:flex;gap:.4rem}.word-row{justify-content:center}.blank-tile{height:3.875rem;-webkit-perspective:1000px;perspective:1000px;width:3.875rem}.blank-tile--bounce{-webkit-animation:bounce 1.2s ease 2 forwards;animation:bounce 1.2s ease 2 forwards}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.blank-tile .blank-tile__inner{height:100%;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;-webkit-transition:-webkit-transform .8s;width:100%}.blank-tile .blank-tile__inner--flip{transform:rotateX(180deg);-webkit-transform:rotateX(180deg)}.blank-tile .blank-tile__inner .blank-tile__final,.blank-tile .blank-tile__inner .blank-tile__guess{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.blank-tile .blank-tile__inner .blank-tile__guess{border:2px solid #d3d6da}.blank-tile .blank-tile__inner .blank-tile__guess--fill{-webkit-animation:pulse-animation .1s;animation:pulse-animation .1s;border:2px solid #787c7e}@-webkit-keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(47,49,49,0)}to{box-shadow:0 0 0 1px #2f3131}}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(47,49,49,0)}to{box-shadow:0 0 0 1px #2f3131}}.blank-tile .blank-tile__inner .blank-tile__final{transform:rotateX(180deg);-webkit-transform:rotateX(180deg)}.blank-tile .blank-tile__inner .blank-tile__final--green{background-color:#6aaa63;color:#fff}.blank-tile .blank-tile__inner .blank-tile__final--yellow{background-color:#cab558;color:#fff}.blank-tile .blank-tile__inner .blank-tile__final--grey{background-color:#787c7e;color:#fff}.blank-tile .blank-tile__inner .blank-tile__value{font-size:2rem;font-weight:700}.game-over{display:flex;justify-content:center;position:relative;visibility:hidden;z-index:1000}.game-over--show{visibility:inherit}.game-over__text{background-color:#000;border-radius:5px;color:#fff;font-weight:700;padding:.5rem 1.5rem}.keyboard{align-items:center;display:flex;flex-direction:column;gap:.4rem;height:50%;justify-content:center}.keyboard__row{display:flex;flex-direction:row;gap:.3rem}.key-tile{align-items:center;background-color:#d3d6da;border-radius:5px;display:flex;font-weight:700;height:4rem;justify-content:center;width:3rem}.key-tile:hover{cursor:pointer}.key-tile--symbol{width:4.5rem}.key-tile--green{background-color:#6aaa63;color:#fff}.key-tile--yellow{background-color:#cab558;color:#fff}.key-tile--grey{background-color:#787c7e;color:#fff}@media only screen and (max-width:568px){.key-tile{font-size:.8rem;width:2rem}.key-tile--symbol{width:3rem}}
/*# sourceMappingURL=main.abfc74c0.css.map*/