@import url(https://fonts.googleapis.com/css2?family=Open+Sans: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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{--black:#0d1317;--green:#659b5e;--yellow:#f2c55d;--gray:#5e565a;--light-gray:#818384;--red:#af3800;--white:#fff;--background:var(--black);--foreground:var(--white)}html{height:100%;width:100%}#root,body{height:100%;margin:0;padding:0;width:100%}body{background-color:var(--background);color:var(--white);font-family:Open Sans,Helvetica Neue,Arial,Helvetica,sans-serif}.Game{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:600px}.Game>header{border-bottom:2px solid var(--white);font-size:.75em;font-weight:700;letter-spacing:3.2px}.Game>.alert,.Game>header{text-align:center}.Game>.alert>h1,.Game>.alert>h2{margin-bottom:0;margin-top:0}.board{grid-gap:5px;display:grid;grid-template-rows:repeat(6,1fr);margin-left:auto;margin-right:auto;margin-top:20px;max-width:400px;width:75%}.GameRow{grid-gap:5px;display:grid;grid-template-columns:repeat(5,1fr)}.GameRow[data-guessinvalid=true]{color:var(--red)}.GameTile{align-items:center;border:2px solid var(--gray);box-sizing:border-box;display:inline-flex;font-size:1.5em;font-weight:700;justify-content:center;text-transform:uppercase;vertical-align:middle;width:100%}.GameTile[data-status=green]{background-color:var(--green);border-color:var(--green)}.GameTile[data-status=yellow]{background-color:var(--yellow);border-color:var(--yellow)}.GameTile[data-status=gray]{background-color:var(--gray);border-color:var(--gray)}.GameTile:before{content:"";display:inline-block;padding-bottom:100%}.Keyboard{margin-top:30px}.KeyboardRow{display:flex;justify-content:space-between;margin:0 auto 8px;width:100%}.keySpacer{display:block;flex:0.5 1}.Key{align-items:center;background-color:var(--light-gray);border:0;border-radius:4px;color:var(--foreground);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-weight:700;height:58px;justify-content:center;margin:0 3px;padding:0;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Key[data-letterstatus=green]{background-color:var(--green)}.Key[data-letterstatus=yellow]{background-color:var(--yellow)}.Key[data-letterstatus=gray]{background-color:var(--gray)}.Key.special{flex:1.25 1}
/*# sourceMappingURL=main.88c5d962.css.map*/