:root{--background:#1f1e20;--font-color:#fff;--tileColor:#464a4b;--green:#5dd384;--blue:#5399e9;--yellow:#e6c65d;--red:#d64f4f}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{margin-top:50px}#big{--size:140px!important;animation:spiiin 5s linear infinite;animation-delay:calc(var(--rand) + 1s);background-color:var(--color)}@media screen and (max-width:550px){#big{--size:13vw!important}}@media screen and (min-width:551px) and (max-width:999px){#big{--size:12vw!important}}@keyframes spiiin{0%,10%,20%{transform:rotateX(0)}15%,5%{transform:rotateX(90deg)}}.backing{height:100vh;left:0;position:fixed;visibility:hidden;width:100vw}.backing.reveal{animation:reveal .05s linear 3s both;background-color:#111a;color:#fff;z-index:1000}.reveal.quick,.reveal.quick .plaque{animation:reveal .25s linear 0s both}.reveal.quick .plaque{box-shadow:none;padding:30px 0}.reveal .plaque{animation:reveal .5s linear 3.25s both;background-color:#2f3335;border-radius:15px;bottom:0;box-shadow:0 0 150px #444;display:flex;flex-direction:column;left:0;margin:auto;max-height:90vh;position:fixed;right:0;top:0;transition:box-shadow 4s 3.7s;z-index:1100}.history{background-color:#424247;height:530px;margin:10px auto;overflow-y:scroll;padding:20px;white-space:pre-line;width:230px}.bottom{bottom:20px;left:0;margin:auto;position:absolute;right:0}.bottom .button{margin:35px auto}@keyframes reveal{0%{opacity:0;visibility:visible}to{opacity:1;visibility:visible}}.center,.game{align-items:center;display:flex;flex-direction:column;justify-content:center}.center{min-height:100vh;width:1000px}.gameUI{align-items:center;display:flex;justify-content:space-between;width:750px}h1{color:var(--font-color)}.back{background-color:#111a;height:100vh;position:fixed;width:100vw;z-index:1000}#countdown{animation:countdown 1s infinite forwards;font-size:25vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;position:fixed;right:0;top:40vh;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#hide{visibility:hidden}@keyframes countdown{0%{opacity:0;scale:.1}50%{opacity:1;scale:1}65%{opacity:1}to{opacity:0;scale:1.75}}.msg{background-color:var(--tileColor);border:2px solid #fff;border-radius:25px;color:#fff;left:50%;opacity:0;position:fixed;text-align:center;top:15vh;translate:-50%;visibility:hidden;width:50%;z-index:5000}#reveal{animation:ghost 3s ease-in-out}@keyframes ghost{0%,to{opacity:0;visibility:visible}15%,85%{opacity:.9;visibility:visible}}.tile{--size:70px!important;background-color:var(--tileColor);border-radius:calc(var(--size)*.1);color:var(--font-color);font-size:calc(var(--size)*.62);font-weight:700;line-height:calc(var(--size)*.9);margin:calc(var(--size)*.072);max-height:var(--size);min-height:var(--size);position:relative;text-align:center;text-transform:capitalize;transition:background-color 1s;-webkit-user-select:none;user-select:none;width:var(--size)}.tile.mini{--size:45px!important;--diff:1.4;cursor:pointer;filter:brightness(1);font-size:22px;line-height:calc(var(--size)*var(--diff));max-height:calc(var(--size)*var(--diff));min-height:calc(var(--size)*var(--diff));transition:filter .35s,scale .2s;width:calc(var(--size)*var(--widthmod))}.tile.mini:active,.tile.wide:active{filter:brightness(2);scale:.85;transition:filter 0s,scale .1s}@media screen and (max-width:550px){.tile{--size:14vw!important}.tile.mini{--size:8vw!important}}@media screen and (min-width:551px) and (max-width:999px){.tile.mini{--size:6vw!important}}@keyframes lightup{75%{filter:brightness(2)}0%{filter:brightness(1)}}.tilerow{display:flex;position:relative}#tileFlip{--delay:calc(var(--index)*0.085s);animation:tileFlips .6s var(--delay) forwards;background-color:var(--tileColor)}@keyframes tileFlips{0%{transform:rotateY(0)}49%{background-color:var(--tileColor);transform:rotateY(90deg)}50%{background-color:var(--color)}51%{transform:rotateY(90deg)}to{background-color:var(--color);transform:rotateY(0)}}.qwerty{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:50px}#red{background-color:var(--red)}#green{background-color:var(--green)}#blue{background-color:var(--blue)}#yellow{background-color:var(--yellow)}#shake{animation:shake .4s alternate}#flips{--delay:calc(var(--index)*0.05s);animation:flips 1s var(--delay)}@keyframes shake{0%,to{translate:none}20%,60%{translate:15px}40%,80%{translate:-15px}}@keyframes flips{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}51%{transform:rotateX(90deg)}to{transform:rotateX(0)}}#smoosh{animation:smoosh .25s linear}@keyframes smoosh{0%{scale:1}40%{scale:.8}80%{scale:1.1}to{scale:1}}
/*# sourceMappingURL=main.195a0332.css.map*/