body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-animation:fadeIn 1s ease;animation:fadeIn 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:#2fa4ff;color:#fff;font-family:Orbitron,sans-serif;letter-spacing:2.5px;margin:0;padding:0;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@-webkit-keyframes animate{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}@keyframes animate{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}@-webkit-keyframes randomAnimate{0%{background:#94daff;-webkit-transform:scale(1);transform:scale(1)}50%{background:#fbf8f1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{background:#94daff;-webkit-transform:scale(1);transform:scale(1)}}@keyframes randomAnimate{0%{background:#94daff;-webkit-transform:scale(1);transform:scale(1)}50%{background:#fbf8f1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{background:#94daff;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes wrongAnimate{0%{background:#94daff;-webkit-transform:scale(1);transform:scale(1)}50%{background:#f8adad;-webkit-transform:scale(1.05);transform:scale(1.05)}to{background:#94daff;-webkit-transform:scale(1);transform:scale(1)}}@keyframes wrongAnimate{0%{background:#94daff;-webkit-transform:scale(1);transform:scale(1)}50%{background:#f8adad;-webkit-transform:scale(1.05);transform:scale(1.05)}to{background:#94daff;-webkit-transform:scale(1);transform:scale(1)}}.fade-in{-webkit-animation:fadeIn 1s ease;animation:fadeIn 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar{background:transparent;display:flex;flex-direction:row;font-family:Press Start\ 2P,cursive;justify-content:center;padding:2.5px;text-align:center}.navbar h1{display:inline;flex-basis:200px;flex-grow:2;padding-right:300px}.mute-button,.navbar h1{color:#fff;flex-shrink:0}.mute-button{background:transparent;border:none;flex-basis:50px;flex-grow:0;margin-left:250px}.logo:hover{-webkit-animation:sway 1s infinite;animation:sway 1s infinite}.logo:active{opacity:.5}.high-score-icon{margin-right:10px;margin-top:10px}.high-score-icon:hover{-webkit-animation:sway 2s infinite;animation:sway 2s infinite}@-webkit-keyframes sway{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@keyframes sway{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}.menu-page{font-family:Press Start\ 2P,cursive}.menu-link{color:#fff;padding:2px;text-decoration:none}.menu-container{display:grid;grid-template-columns:auto auto auto;justify-content:center}.threebythree-tile{background:transparent;background:#94daff;border:none;border-radius:15%;color:#fff;font-family:Orbitron,sans-serif;height:100px;margin:10px;width:100px}.threebythree-tile:hover{-webkit-transform:scale(.975);transform:scale(.975)}.threebythree-tile:active{background:#5d8bf4}.threexthree-tile-container{display:grid;grid-template-columns:auto auto auto;justify-content:center;margin-top:50px}.fourbyfour-tile{background:transparent;background:#94daff;border:none;border-radius:15%;color:#fff;font-family:Orbitron,sans-serif;height:75px;margin:5px;width:75px}.fourbyfour-tile:hover{-webkit-transform:scale(.975);transform:scale(.975)}.fourbyfour-tile:active{background:#5d8bf4}.fourxfour-tile-container{display:grid;grid-template-columns:auto auto auto auto;justify-content:center;margin-top:50px}.fivebyfive-tile{background:transparent;background:#94daff;border:none;border-radius:15%;color:#fff;font-family:Orbitron,sans-serif;height:60px;margin:2.5px;width:60px}.fivebyfive-tile:hover{-webkit-transform:scale(.975);transform:scale(.975)}.fivebyfive-tile:active{background:#5d8bf4}.fivebyfive-tile-container{display:grid;grid-template-columns:auto auto auto auto auto;justify-content:center;margin-top:50px}.sixbysix-tile{background:transparent;background:#94daff;border:none;border-radius:15%;color:#fff;font-family:Orbitron,sans-serif;height:50px;margin:2.5px;width:50px}.sixbysix-tile:hover{-webkit-transform:scale(.975);transform:scale(.975)}.sixbysix-tile-container{display:grid;grid-template-columns:auto auto auto auto auto auto;justify-content:center}.twelvebysix-tile-container{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto auto auto auto;justify-content:center}.twentyfourbysix-tile-container{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;justify-content:center}.sevenbyseven-tile{background:transparent;background:#94daff;border:none;border-radius:15%;color:#4167e4;height:55px;margin:2.5px;width:55px}.sevenbyseven-tile:hover{-webkit-transform:scale(.975);transform:scale(.975)}.sevenbyseven-tile-container{display:grid;grid-template-columns:auto auto auto auto auto auto auto;justify-content:center}.massive-tile{background:transparent;background:#94daff;border:none;border-radius:15%;color:#4167e4;height:40px;margin:1.5px;width:40px}.massive-tile:hover{-webkit-transform:scale(.975);transform:scale(.975)}.massive-tile-container{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto auto;justify-content:center}.extreme-tile{background:transparent;background:#94daff;border:none;border-radius:15%;color:#4167e4;font-size:10px;height:25px;margin:1.5px;width:25px}.extreme-tile:hover{-webkit-transform:scale(.975);transform:scale(.975)}.extreme-tile-container{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;justify-content:center}.memorize-number{-webkit-animation:fadeOut 1s;animation:fadeOut 1s}.color-match{background:transparent;border:none;border-radius:15%;height:150px;margin:20px auto;width:150px}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.menu-button,.menu-button:after{background:linear-gradient(45deg,transparent 5%,#fb9300 0);border:0;box-shadow:6px 0 0 #00e6f6;color:#fff;font-family:Press Start\ 2P,cursive;font-size:16px;height:86px;line-height:88px;margin:10px;outline:transparent;position:relative;width:380px}.menu-button:after{--slice-0:inset(50% 50% 50% 50%);--slice-1:inset(80% -6px 0 0);--slice-2:inset(50% -6px 30% 0);--slice-3:inset(10% -6px 85% 0);--slice-4:inset(40% -6px 43% 0);--slice-5:inset(80% -6px 5% 0);background:linear-gradient(45deg,transparent 3%,#00e6f6 0,#00e6f6 5%,#fb9300 0);bottom:0;-webkit-clip-path:var(--slice-0);clip-path:var(--slice-0);content:"Brain Fumble";display:block;left:0;position:absolute;right:0;text-shadow:-3px -3px 0 #f8f005,3px 3px 0 #00e6f6;top:-1}.menu-button:hover:after{-webkit-animation:glitch 1s;animation:glitch 1s;-webkit-animation-timing-function:steps(2);animation-timing-function:steps(2)}@-webkit-keyframes glitch{0%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-20px,-10px);transform:translate(-20px,-10px)}10%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(10px,10px);transform:translate(10px,10px)}20%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}30%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translateY(5px);transform:translateY(5px)}40%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-5px);transform:translate(-5px)}50%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(5px);transform:translate(5px)}60%{-webkit-clip-path:var(--slice-4);clip-path:var(--slice-4);-webkit-transform:translate(5px,10px);transform:translate(5px,10px)}70%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:var(--slice-5);clip-path:var(--slice-5);-webkit-transform:translate(20px,-10px);transform:translate(20px,-10px)}90%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(0);transform:translate(0)}}@keyframes glitch{0%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-20px,-10px);transform:translate(-20px,-10px)}10%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(10px,10px);transform:translate(10px,10px)}20%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}30%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translateY(5px);transform:translateY(5px)}40%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-5px);transform:translate(-5px)}50%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(5px);transform:translate(5px)}60%{-webkit-clip-path:var(--slice-4);clip-path:var(--slice-4);-webkit-transform:translate(5px,10px);transform:translate(5px,10px)}70%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:var(--slice-5);clip-path:var(--slice-5);-webkit-transform:translate(20px,-10px);transform:translate(20px,-10px)}90%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(0);transform:translate(0)}}.background{-webkit-animation:Gradient 15s ease infinite;animation:Gradient 15s ease infinite;background:linear-gradient(132deg,#2fa4ff,#5463ff,#212335);background-size:400% 400%;height:100vh;margin:0;overflow-x:hidden;overflow-y:scroll;padding:0;position:absolute;width:100%}.cube{-webkit-animation:cube 12s ease-in infinite forwards;animation:cube 12s ease-in infinite forwards;background:#2fa4ff;border-radius:15%;height:10px;left:45vw;position:absolute;top:80vh;-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%);-webkit-transform-origin:top left;transform-origin:top left;width:10px}.cube:nth-child(2n){border-color:#fff}.cube:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;left:25vw;top:40vh}.cube:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s;left:75vw;top:50vh}.cube:nth-child(4){-webkit-animation-delay:6s;animation-delay:6s;left:90vw;top:10vh}.cube:nth-child(5){-webkit-animation-delay:8s;animation-delay:8s;left:10vw;top:85vh}.cube:nth-child(6){-webkit-animation-delay:10s;animation-delay:10s;left:50vw;top:10vh}@-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes cube{0%{opacity:1;-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%)}to{opacity:0;-webkit-transform:scale(20) rotate(960deg) translate(-50%,-50%);transform:scale(20) rotate(960deg) translate(-50%,-50%)}}@keyframes cube{0%{opacity:1;-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%)}to{opacity:0;-webkit-transform:scale(20) rotate(960deg) translate(-50%,-50%);transform:scale(20) rotate(960deg) translate(-50%,-50%)}}.player-score-title{justify-content:center;position:relative;top:530px}.player-score-container{display:flex;overflow-x:scroll;position:absolute;top:750px;width:200vh}.player-score-card{flex-basis:200px;flex-grow:0;flex-shrink:0;margin:10px 10px 50px}.modal{background:#2fa4ff!important;border-color:#fff!important}.game-input{background:repeating-linear-gradient(90deg,#fff,#fff 1ch,transparent 0,transparent 1.5ch) 0 100%/14.5ch 2px no-repeat;border:none;display:block;font:2.5ch droid sans mono,consolas,monospace;letter-spacing:.5ch;margin:10px auto;padding:0;width:15ch}.game-input:focus{color:#fff;outline:none}.game-button{background:transparent;border:1px solid #fff;color:#fff;cursor:pointer;display:inline-block;font-family:Orbitron,sans-serif;letter-spacing:2.5px;margin:0 20px;overflow:hidden;padding:10px 40px;position:relative;text-align:center}.game-button:before{background:#fff;content:"";height:150px;left:-55px;opacity:.3;position:absolute;top:-40px;-webkit-transform:rotate(37deg);transform:rotate(37deg);transition:all .3s;width:50px}.game-button:hover:before{left:95%}.back{background:none;border:0;height:60px;position:absolute;top:-10px;width:60px}.bottom-left,.bottom-right,.stalk,.top-left,.top-right{background:#fff;border-radius:.2rem;display:block;height:.2rem;left:50%;opacity:1;position:absolute;width:1.2rem;z-index:2}.top-left{top:2.4rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.top-right{top:2.4rem}.bottom-left,.top-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.bottom-left{top:3.2rem}.bottom-right{top:3.2rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bottom-left,.top-left{margin-left:-1rem}.bottom-right,.top-right{margin-left:-.2rem}.stalk{opacity:0;top:2.8rem;width:2rem}.back--one .bottom-left,.back--one .top-left{transition:opacity .3s 1s}.back--one .bottom-right,.back--one .top-right{transition:margin-left .5s .5s}.back--one .stalk{transition:margin-left .5s .5s,opacity .3s 1s}.back--one .text{transition:opacity .3s 1s}.back--one:hover .text{opacity:1;transition:opacity .3s .5s}.back--one:hover .bottom-left,.back--one:hover .top-left{opacity:0;transition:opacity .3s .5s}.back--one:hover .bottom-right,.back--one:hover .top-right{margin-left:-1.3rem;transition:margin-left .5s .8s}.back--one:hover .stalk{margin-left:-1.2rem;opacity:1;transition:margin-left .5s .8s,opacity .3s .5s}.game-mode-container{background:linear-gradient(45deg,transparent 5%,#fb9300 0);border-radius:0;box-shadow:6px 0 0 #00e6f6;margin-left:250px;padding:20px;position:absolute;top:150px}.game-mode-card{cursor:pointer}.selected-game-mode-card{-webkit-animation:pulse 3s infinite;animation:pulse 3s infinite}@-webkit-keyframes pulse{0%{text-shadow:2px 2px #2fa4ff;-webkit-transform:scale(1);transform:scale(1)}50%{text-shadow:4px 4px #2fa4ff;-webkit-transform:scale(1.05);transform:scale(1.05)}to{text-shadow:2px 2px #2fa4ff;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{text-shadow:2px 2px #2fa4ff;-webkit-transform:scale(1);transform:scale(1)}50%{text-shadow:4px 4px #2fa4ff;-webkit-transform:scale(1.05);transform:scale(1.05)}to{text-shadow:2px 2px #2fa4ff;-webkit-transform:scale(1);transform:scale(1)}}.most-pop-game-container{border-radius:0;display:inline;height:100px;left:600px;padding:100px;position:absolute;top:30px;width:300px}.top-ranked-players{float:right;height:500px;margin-right:200px;width:650px}*{box-sizing:border-box}@-webkit-keyframes ticker{0%{-webkit-transform:translateZ(0);transform:translateZ(0);visibility:visible}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes ticker{0%{-webkit-transform:translateZ(0);transform:translateZ(0);visibility:visible}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.ticker-wrap{background-color:transparent;bottom:30px;overflow:hidden;padding-left:100%;position:relative;width:100%}.ticker-wrap,.ticker-wrap .ticker{box-sizing:content-box;height:4rem}.ticker-wrap .ticker{-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:ticker;animation-name:ticker;-webkit-animation-timing-function:linear;animation-timing-function:linear;display:inline-block;line-height:4rem;padding-right:100%;white-space:nowrap}.ticker-wrap .ticker__item{color:#fff;display:inline-block;font-size:2rem;padding:0 5rem}h1,h2,p{padding:0 5%}footer{background-color:transparent;bottom:0;color:#fff;font-size:8px;left:0;padding-bottom:5px;position:fixed;text-align:center;width:100%}a{color:orange}
/*# sourceMappingURL=main.0ab8508d.css.map*/