@import url(https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@700;300&family=Montserrat:wght@900&display=swap);.App{background-color:#121212;color:#fff;height:100vh;text-align:center;width:100vw}body{padding:0}nav{border-bottom:1px solid grey;display:grid;height:80px;margin:0;place-items:center;width:100%}nav h1{color:#fff;font-family:Fira Sans Condensed,sans-serif;font-size:65px;margin:0}.game{align-items:center;height:calc(100vh - 170px);padding-top:50px;width:100vw}.board,.game{display:flex;flex-direction:column}.board{height:550px;width:450px}.row{display:flex;flex:33% 1;flex-direction:row;margin:5px}.letter{border:1px solid grey;color:#fff;display:grid;flex:33% 1;font-family:Fira Sans Condensed,sans-serif;font-size:50px;font-weight:bolder;height:100%;margin:5px;place-items:center}#correct{background-color:#528d4e}#almost{background-color:#b49f39}#error{background-color:#3a393c}.keyboard{height:300px;margin-top:60px;width:700px}.line1,.line2,.line3{display:flex;flex:33% 1;flex-direction:row;justify-content:center;margin:5px}.key{background-color:grey;border-radius:4px;color:#fff;cursor:pointer;display:grid;font-family:Fira Sans Condensed,sans-serif;font-size:20px;height:70px;margin:5px;place-items:center;width:50px}#big{width:100px}#disabled{background-color:#3a393c}.gameOver{margin-right:60vw;text-align:center}.guess{font-size:3vw;padding-top:3vh;width:-webkit-max-content;width:max-content}.gameOver h1,.guess{font-family:Fira Sans Condensed,sans-serif;margin-left:60vw}.gameOver h1{font-size:4vh;margin-top:0}.attempts{font-family:Fira Sans Condensed,sans-serif;font-size:3vw;margin-left:60vw;text-align:center}:root{--color-tone-1:#fff;--color-tone-2:#818384;--color-tone-3:#565758;--color-tone-4:#3a3a3c;--color-tone-5:#272729;--color-tone-6:#1a1a1b;--color-tone-7:#121213;--color-tone-8:#fff;--color-tone-9:#424242;--color-tone-10:#dfdfdf;--color-tone-11:#dfdfdf;--color-tone-12:#dfdfdf;--color-nav-hover:#2f2f31;--color-present:var(--yellow);--color-correct:var(--green);--color-absent:var(--color-tone-2);--tile-text-color:var(--color-tone-8);--key-text-color:var(--color-tone-1);--key-evaluated-text-color:var(--color-tone-7);--key-bg:var(--color-tone-4);--key-bg-present:var(--color-present);--key-bg-correct:var(--color-correct);--key-bg-absent:var(--color-absent);--modal-content-bg:var(--color-tone-7);--keyboard-height:200px;--game-max-width:500px;--error-z-index:500;--toast-z-index:1000;--modal-z-index:2000;--page-z-index:3000;--system-toast-z-index:4000;--horizontal-warning-z-index:5000;--outline-focus:var(--outlineBlue);--opacity-50:rgba(0,0,0,.5);--green:#6aaa64;--darkendGreen:#538d4e;--yellow:#c9b458;--darkendYellow:#b59f3b;--spellingBeeYellow:#f7da21;--lightGray:#d3d6da;--gray:#86888a;--gray-2:#dcdcdc;--gray-3:#dfdfdf;--gray-4:#ccc;--darkGray:#939598;--white:#fff;--black:#212121;--black-2:#121212;--black-3:#363636;--black-4:#cfcfcf;--blue-2:#477aaa;--blue-5:#4f85e5;--orange:#f5793a;--blue:#85c0f9;--outlineBlue:#2671dc;--linkBlue:#477aaa}body{background-color:#000;margin:0}.wrap-1{position:absolute}.dialog,.wrap-1{height:100%;left:0;top:0;width:100%}.dialog{align-items:center;background-color:rgba(0,0,0,.5);background-color:var(--opacity-50);color:initial;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:center;margin:auto;position:fixed;z-index:2000;z-index:var(--modal-z-index)}.btn,.dialog{border:none;font-family:Fira Sans Condensed,sans-serif;padding:0}.btn{background:none;color:#fff;font-size:41px;height:3vh;overflow:visible;position:absolute;right:1%;top:3vh;width:4vw}.btn:hover{color:#818384}.diag{background-color:#121213;background-color:var(--modal-content-bg);border:1px solid #1a1a1b;border:1px solid var(--color-tone-6);border-radius:8px;box-shadow:0 4px 23px 0 rgba(0,0,0,.2);box-sizing:border-box;color:#fff;color:var(--color-tone-1);display:block;max-width:600px;padding:2rem;position:relative;text-align:left;width:90%}.diag,.diag-1{font-family:Fira Sans Condensed,sans-serif}.diag-1{font-size:55px;font-weight:700}.diag-2{font-size:28px;font-weight:500}.diag-2,.inst-list{font-family:Fira Sans Condensed,sans-serif}.inst-list{font-size:25px}.li-1{padding-bottom:20px}.example{font-family:Fira Sans Condensed,sans-serif;text-align:left}p{-webkit-margin-before:1em;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:20px;line-height:20px;margin-block-end:0;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0}strong.title{font-size:27px}strong,strong.title{font-weight:700}.example-1,.example-2,.example-3{display:block;margin-bottom:30px;margin-top:10px}.example-tile{display:inline-block;height:32px;margin-bottom:8px;margin-right:4px;padding:2px;width:40px}.tile-word-correct{background-color:#6aaa64;background-color:var(--color-correct)}.tile-word,.tile-word-correct{align-items:center;border:2px solid #565758;border:2px solid var(--color-tone-3);box-sizing:border-box;color:#fff;color:var(--tile-text-color);display:inline-flex;font-family:Fira Sans Condensed,sans-serif;font-size:40px;font-weight:700;justify-content:center;line-height:1;padding-top:1px;text-transform:uppercase;-webkit-user-select:none;user-select:none;vertical-align:middle;width:100%}.tile-word{background-color:#121213;background-color:var(--color-tone-7);color:var(--color-tone-1)}.tile-word-present{background-color:#c9b458;background-color:var(--color-present)}.tile-word-absent,.tile-word-present{align-items:center;border:2px solid #565758;border:2px solid var(--color-tone-3);box-sizing:border-box;color:#fff;color:var(--tile-text-color);display:inline-flex;font-family:Fira Sans Condensed,sans-serif;font-size:40px;font-weight:700;justify-content:center;line-height:1;padding-top:1px;text-transform:uppercase;-webkit-user-select:none;user-select:none;vertical-align:middle;width:100%}.tile-word-absent{background-color:#818384;background-color:var(--color-absent)}
/*# sourceMappingURL=main.1b0f7c0c.css.map*/