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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--darkendGreen:#538d4e;--black:#121213;--gray-3:#3a3a3c;--gray-1:#909090;--locked:var(--darkendGreen);--background:var(--black);--background-image:linear-gradient(0deg,var(--black),#000);--border:var(--gray-3);--text:var(--gray-1)}body{background-color:#121213;background-color:var(--background);color:#909090;color:var(--text);height:100vh}#solutions{-webkit-animation:conceal 1s forwards;animation:conceal 1s forwards;background-image:linear-gradient(0deg,#121213,#000);background-image:var(--background-image);border-bottom:.05px solid #666;color:#999;display:flex;justify-content:space-around;opacity:0;position:absolute;top:0;transition:all 1s;width:100vw;z-index:666}#solutions b{color:#d6b348;display:block;font-size:.5em}.spoiler-alert{background-image:linear-gradient(328deg,#fa4107,#f0d826,#faa42a,#ff4900);border:.4rem solid #7c0808;border-radius:1rem;margin:2rem;padding:1rem}.spoiler-alert h3{border-radius:2rem;color:#000;font-size:2rem;font-weight:900}button.heck-no{background:#ce5dbc;border:none;border-radius:.7rem;color:#000;font-size:1.7rem;font-weight:900;margin-bottom:1rem;padding:.7rem 1.5rem}.alert-icon{background-color:#fff;border-radius:100%;color:#f60000;font-size:4rem}.spoiler-alert p{color:#000;font-size:1.3rem;font-weight:300}.spoiler-alert button{background-color:#7c0808;border-radius:.5rem;border-width:0;color:#e7e4e4;font-size:1.1rem;padding:5px 10px}.cristalball{color:#3a3a3c;cursor:not-allowed;display:inline-block;font-size:2.5rem;line-height:2.8rem;margin-top:4rem;max-width:355px;padding:0 2rem;text-align:center}.cristalball>span{display:block;font-size:5rem;line-height:7rem}.reveal{-webkit-animation:reveal 1s forwards!important;animation:reveal 1s forwards!important}@-webkit-keyframes reveal{0%{-webkit-transform:translateY(-800px);transform:translateY(-800px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes reveal{0%{-webkit-transform:translateY(-800px);transform:translateY(-800px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.conceal{-webkit-animation:conceal 1s forwards;animation:conceal 1s forwards}@-webkit-keyframes conceal{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-800px);transform:translateY(-800px)}}@keyframes conceal{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-800px);transform:translateY(-800px)}}.letters{align-content:center;display:flex;justify-content:center}input[type=text]{background-color:inherit;border:max(min(2px,.25vw),.75px) solid #3a3a3c;border:max(min(2px,.25vw),.75px) solid var(--border);caret-color:transparent;color:inherit;font-size:6vw;height:10vw;margin:.25vw;max-height:100px;max-width:100px;min-height:30px;min-width:30px;text-align:center;width:10vw}input[type=text]:focus{outline:.5px solid #666}.pop{-webkit-animation:pop .1s;animation:pop .1s;background-color:#3a3a3c!important;background-color:var(--gray-3)!important}.locked{background-color:#538d4e!important;background-color:var(--locked)!important;color:#fff!important}.char-lock{color:#538d4e;color:var(--locked)}header{text-align:center}header h2{color:#a863ab}header+div{text-align:center}@-webkit-keyframes pop{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}40%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pop{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}40%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}}.word-result{font-size:1.5rem}footer{background-image:linear-gradient(336deg,#3e2e4d,rgba(0,0,0,.9));bottom:0;box-sizing:border-box;display:flex;justify-content:center;margin:0 auto;padding:0 1rem .5rem;position:fixed;transition:-webkit-transform .75s ease-in-out;transition:transform .75s ease-in-out;transition:transform .75s ease-in-out,-webkit-transform .75s ease-in-out;width:100vw}.keyboard-container{align-content:center;display:flex;flex-direction:column;max-width:540px;position:relative;width:80%}.keyboard-container>h3{color:#a064a0;cursor:pointer}.keyboard-container>h3.active{color:#a55f8d}.keyboard-container>h3>span{font-size:.7em;opacity:.7;opacity:0;transition:opacity .4s ease-in-out}.keyboard-container>h3.active>span{display:inline;opacity:1;transition:opacity .4s ease-in-out}.keyboard{display:grid;grid-template:1fr 1fr 1fr/repeat(9,1fr)}.keyboard-icon{background-image:linear-gradient(180deg,#714f92,rgba(20,22,36,.9) 20%,rgba(20,22,36,0));border-radius:10px;color:#ccc;padding:.7rem 1rem 2rem;position:absolute;right:0;top:-40px}.key{background-color:#3a3a3c;background-color:var(--gray-3);border-radius:10px;cursor:pointer;margin:min(5px,1vw);padding:min(1rem,2vw) min(1rem,4vw);text-align:center}.key:focus{outline:none}.key.clear{background-color:#222;color:red}.caret{color:#c8b450;display:inline-block;margin-right:10px;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out;transition:transform .7s ease-in-out,-webkit-transform .7s ease-in-out}.rotate{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.excluded{background-color:#420000!important}span.credit{color:#666;cursor:zoom-in;font-size:.6rem;margin-bottom:10px;margin-top:10px;text-align:right;width:100%}.disable-select{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}@media screen and (min-width:100px) and (max-width:450px){.keyboard{grid-template:1fr 1fr 1fr 1fr 1fr/repeat(4,1fr)}}@media screen and (min-width:451px) and (max-width:600px){.keyboard{grid-template:1fr 1fr 1fr 1fr/repeat(7,1fr)}}: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-nav-hover:#2f2f31;--opacity-50:rgba(0,0,0,.5);--ff-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Liberation Sans",sans-serif;--ff-serif:Georgia,Cambria,"Times New Roman",Times,serif;--ff-mono:ui-monospace,"Cascadia Mono","Segoe UI Mono","Liberation Mono",Menlo,Monaco,Consolas,monospace;--s-prose-line-height:1.5;--s-prose-spacing:1.1em;--s-prose-spacing-condensed:calc(var(--s-prose-spacing)/2);--white:#fff;--black:#0c0d0e;--orange:#f48225;--yellow:#fbf3d5;--green:#5eba7d;--blue:#0074cc;--powder:#e1ecf4;--red:#d0393e;--black-025:#f8f9f9;--black-050:#f1f2f3;--black-075:#e3e5e8;--black-100:#d6d9dc;--black-150:#c8ccd0;--black-200:#babfc4;--black-300:#9fa6ad;--black-350:#9199a1;--black-400:#838c95;--black-500:#6a737c;--black-600:#525960;--black-700:#3b4045;--black-750:#2f3337;--black-800:#232629;--black-900:#0c0d0e}.instructions h2{color:#818384;color:var(--color-tone-2);margin-bottom:2rem}.instruction-title{color:#824e82}.instruction-title span{color:var(--gray-1);font-weight:400}.question-icon{align-items:center;border:2px solid #565758;border:2px solid var(--color-tone-3);border-radius:100%;color:#818384;color:var(--color-tone-2);display:inline-flex;font-size:1.1rem;height:5px;justify-content:center;line-height:0;padding:10px;position:fixed;right:1rem;top:1rem;width:5px}.close-icon{height:24px;position:absolute;right:16px;top:16px;width:24px}.close-icon,.question-icon{cursor:pointer}.overlay{align-items:center;background-color:rgba(0,0,0,.5);background-color:var(--opacity-50);display:none;height:100vh;justify-content:center;left:0;overflow:hidden!important;position:absolute;top:0;width:100vw;z-index:1}.content{-webkit-animation:SlideIn .2s;animation:SlideIn .2s;background-color:hsla(0,0%,7%,.9);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);max-height:90vh;max-width:680px;overflow-y:auto;padding:16px;position:relative;width:90vw}.content.closing{-webkit-animation:SlideOut .2s;animation:SlideOut .2s}.example{margin-bottom:2rem}.example p:first-of-type{margin-bottom:.6rem}.example p:first-of-type>strong{color:#a8a8a8;font-size:1.7rem}.example p:last-child{margin-top:.2rem}.mouse{display:inline-flex;font-size:2rem;line-height:0;margin-top:-20px;position:relative;top:5px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.instructions .key,.tile{--size:2vw;background-color:inherit;border:max(min(2px,.25vw),.75px) solid var(--border);caret-color:transparent;color:inherit;display:inline-block;font-size:min(calc(var(--size)*1.4),28px);height:calc(var(--size)*2);margin:.25vw;max-height:40px;max-width:40px;text-align:center;width:calc(var(--size)*2)}.instructions .key{border-radius:5px;font-size:14px;max-height:20px;max-width:20px;padding:.1rem}.result-words{color:#818384;color:var(--color-tone-2);font-size:.8rem}@-webkit-keyframes SlideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes SlideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes SlideOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:0}to{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}}@keyframes SlideOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:0}to{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}}kbd{background-color:#e3e5e8;background-color:var(--black-075);border:1px solid #9fa6ad;border:1px solid var(--black-300);border-radius:3px;box-shadow:0 1px 1px rgba(12,13,14,.15),inset 0 1px 0 0 #fff;color:#232629;color:var(--black-800);display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Liberation Sans,sans-serif;font-family:var(--ff-sans);font-size:11px;line-height:1.5;line-height:var(--s-prose-line-height);margin:0 .1em;overflow-wrap:break-word;padding:.1em .6em;text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 var(--white)}hr{border:.5px solid #3a3a3c}
/*# sourceMappingURL=main.acedf42a.css.map*/