@import url(https://fonts.googleapis.com/css2?family=Aboreto&family=Silkscreen&display=swap);*,:after,:before{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:root{--keyboard-height:180px}.keyboard-container{display:flex;margin:0 1em}.keyboard{grid-gap:.25em;display:grid;gap:.25em;grid-template-columns:repeat(20,minmax(auto,1.5em))}.key,.keyboard{justify-content:center}.key{fill:#fff;align-items:center;background-color:hsl(200,1%,51%);background-color:hsl(var(--hue,200),var(--saturation,1%),calc(var( --lightness-offset, 0%) + var(--lightness, 51%)));border:none;border-radius:.25em;color:#fff;cursor:pointer;display:flex;font-size:inherit;font-weight:700;grid-column:span 2;height:3em;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none}.key.large{grid-column:span 3}.key>svg{height:1.75em;width:1.75em}.key:hover{--lightness-offset:10%}.key.wrong{--lightness:23%}.key.wrong-position{--hue:49;--saturation:51%;--lightness:47%}.key.correct{--hue:115;--saturation:29%;--lightness:43%}@media (max-width:600px){.key{fill:#fff;align-items:center;background-color:hsl(200,1%,51%);background-color:hsl(var(--hue,200),var(--saturation,1%),calc(var( --lightness-offset, 0%) + var(--lightness, 51%)));border:none;border-radius:.25em;color:#fff;-webkit-column-gap:.25rem;column-gap:.25rem;cursor:pointer;display:flex;font-size:medium;font-weight:700;grid-column:span 2;justify-content:center;max-height:5em;row-gap:.1rem;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none}.key.large{font-size:10px;height:5em}.keyboard{-webkit-column-gap:.25rem;column-gap:.25rem;row-gap:.5rem}.keyboard-container{margin:0}}:root{--header-height:45px;--color-tone-4:#3a3a3c}.App-header-module{align-items:center;color:#fff;flex-direction:row;flex-wrap:nowrap;height:45px;height:var(--header-height)}.App-header-module,.header-left{display:flex;justify-content:flex-start}.header-left{flex-grow:1}.title{display:flex;flex-grow:2;font-family:Aboreto,cursive;font-size:32px;font-weight:700;justify-content:center}.header-right{display:flex;flex-grow:1;justify-content:flex-end}.App{background-color:#111112;font-size:clamp(.5rem,2.5vmin,1.5rem);margin:0;min-height:100vh;padding:1rem}.App,.alert-container{display:flex;flex-direction:column}.alert-container{align-items:center;left:50vw;pointer-events:none;position:fixed;top:10vh;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}.alert{background-color:#d6d9db;border-radius:.25em;margin-bottom:.5em;opacity:1;padding:.75em;pointer-events:none;transition:opacity .5s ease-in-out}.alert.hide{opacity:0}.alert:last-child{margin-bottom:0}.App-game-module{display:flex;flex-direction:column;height:calc(100% - 45px);height:calc(100% - var(--header-height));margin:0 auto;max-width:500px;width:100%}.Board-module-container{display:flex;flex-grow:1;justify-content:center;padding-bottom:1em}.Board-module{height:420px;margin:1em auto;padding:1em 0;width:350px}.Board-Row{grid-gap:.3rem;display:flex;flex-direction:row;grid-template-columns:repeat(5,1fr);margin-bottom:.3rem}.tile{align-items:center;aspect-ratio:1;border:2px solid #3a3a3c;border:2px solid var(--color-tone-4);box-sizing:border-box;color:#fff;display:inline-flex;font-size:2.25rem;font-weight:700;justify-content:center;line-height:1.5rem;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:100%}@-webkit-keyframes blinker{50%{border-color:#000}}@keyframes blinker{50%{border-color:#000}}.tile[data-state=active]{-webkit-animation:blinker 2s linear infinite;animation:blinker 2s linear infinite;border-color:#565758}.tile[data-state=wrong]{background-color:#39393c;border:none}.tile[data-state=wrong-position]{background-color:#b59f3b;border:none}.tile[data-state=correct]{background-color:#538d4e;border:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@media (max-width:600px){.App-header-module{height:3em}.Board-module-container{padding-bottom:0 0 1em 0}}
/*# sourceMappingURL=main.2a8819eb.css.map*/