body{height:100vh;font-family:Merriweather,sans-serif;background:#000;background:-webkit-radial-gradient(center,ellipse cover,#000 0,#000 100%);background:-webkit-radial-gradient(center,ellipse,#476c89 0,#000 100%);background:-o-radial-gradient(center,ellipse,#476c89 0,#000 100%);background:radial-gradient(ellipse at center,#476c89 0,#000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#226293",endColorstr="#1b4f79",GradientType=1);color:#eee;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}footer{position:fixed;bottom:0;background:#000;color:#eee;height:1.4rem;width:100%;padding:.2rem;text-align:center;font-size:.8rem;z-index:999}footer a:link,footer a:visited{text-decoration:none;color:#eee;-webkit-transition:color .5s ease;-o-transition:color .5s ease;transition:color .5s ease}footer a:hover{color:#fc0}footer .love{color:#b10;font-size:1rem;vertical-align:baseline}.App{opacity:1;-webkit-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.App,.App-hidden{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.App-hidden{opacity:0}.Game{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}table{width:50vh;height:50vh;border-collapse:collapse}td{text-align:center;vertical-align:middle;border:transparent}.cross{stroke:#fc0;stroke-width:6px;stroke-dasharray:226.274169921875px;stroke-dashoffset:-226.274169921875px;fill:transparent;-webkit-transition:stroke-dashoffset .3 linear;-o-transition:stroke-dashoffset .3 linear;transition:stroke-dashoffset .3 linear}.cross1-shown{-webkit-transition:stroke-dashoffset .2s ease-in;-o-transition:stroke-dashoffset .2s ease-in;transition:stroke-dashoffset .2s ease-in}.cross1-shown,.cross2-shown{stroke:#fc0;stroke-width:6px;stroke-dasharray:226.274169921875px;stroke-dashoffset:0px;fill:transparent}.cross2-shown{-webkit-transition:stroke-dashoffset .2s ease-in .2s;-o-transition:stroke-dashoffset .2s ease-in .2s;transition:stroke-dashoffset .2s ease-in .2s}.xWon1{-webkit-transition:all .5s ease-in .1s,stroke .5s ease-in 1.1s;-o-transition:all .5s ease-in .1s,stroke .5s ease-in 1.1s;transition:all .5s ease-in .1s,stroke .5s ease-in 1.1s}.xWon1,.xWon2{stroke:#b10;stroke-width:6px;stroke-dasharray:226.274169921875px;stroke-dashoffset:0px;fill:transparent}.xWon2{-webkit-transition:all .5s ease-in .6s,stroke .5s ease-in 1.1s;-o-transition:all .5s ease-in .6s,stroke .5s ease-in 1.1s;transition:all .5s ease-in .6s,stroke .5s ease-in 1.1s}.circle{stroke:#fc0;stroke-width:6px;stroke-dasharray:263.93072509765625px;stroke-dashoffset:-263.93072509765625px;fill:transparent;opacity:0}.circle-shown{stroke:#fc0;stroke-width:6px;stroke-dasharray:263.93072509765625px;stroke-dashoffset:0px;fill:transparent;-webkit-transition:stroke-dashoffset .3s ease-in .1s;-o-transition:stroke-dashoffset .3s ease-in .1s;transition:stroke-dashoffset .3s ease-in .1s}.oWon{stroke:#b10;stroke-width:6px;stroke-dasharray:263.93072509765625px;stroke-dashoffset:0px;fill:transparent;-webkit-transition:stroke-dashoffset .8s ease-in .6s,stroke .5s ease-in 1.2s;-o-transition:stroke-dashoffset .8s ease-in .6s,stroke .5s ease-in 1.2s;transition:stroke-dashoffset .8s ease-in .6s,stroke .5s ease-in 1.2s}.clickable{cursor:pointer}#Grid{position:absolute;width:50vh;height:50vh;z-index:-500}#Grid .line{stroke:#fc0;stroke-width:3px;stroke-dasharray:180px;stroke-dashoffset:-180px;fill:transparent}#Grid .animate1{stroke-dashoffset:0px;-webkit-transition:stroke-dashoffset .2s ease-in;-o-transition:stroke-dashoffset .2s ease-in;transition:stroke-dashoffset .2s ease-in}#Grid .animate2,#Grid .line1-shown{stroke-dashoffset:0px;-webkit-transition:stroke-dashoffset .2s ease-in .2s;-o-transition:stroke-dashoffset .2s ease-in .2s;transition:stroke-dashoffset .2s ease-in .2s}#Grid .animate3{stroke-dashoffset:0px;-webkit-transition:stroke-dashoffset .2s ease-in .4s;-o-transition:stroke-dashoffset .2s ease-in .4s;transition:stroke-dashoffset .2s ease-in .4s}#Grid .animate4{stroke-dashoffset:0px;-webkit-transition:stroke-dashoffset .2s ease-in .6s;-o-transition:stroke-dashoffset .2s ease-in .6s;transition:stroke-dashoffset .2s ease-in .6s}#Menu.display{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:#1b4f79;-webkit-box-shadow:0 0 2rem #00000080;box-shadow:0 0 2rem #00000080;padding:5rem;width:25vh;height:25vh;border-radius:50%;border:6px solid #fc0;position:absolute;text-align:center;top:50%;left:50%;opacity:1;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .3s ease-in 1.5s;-o-transition:opacity .3s ease-in 1.5s;transition:opacity .3s ease-in 1.5s}#Menu.hidden{z-index:-100;opacity:0;-webkit-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}#Menu .title{font-family:Indie Flower;color:#fc0;margin-bottom:0}#Menu hr{color:#eee;margin-bottom:1rem;width:100%}#Menu .menu-text{font-size:1rem;font-weight:700;margin:.2rem 0}#Menu .token{color:#fc0;margin:1rem;font-size:1rem;cursor:pointer}#Menu button{background-color:#fff;color:#1b4f79;border:none;width:3rem;height:3rem;margin:1rem .3rem;border-radius:50%;font-size:1.5rem;cursor:pointer}@media (max-height:600px){#Menu .title{font-size:1.5rem;margin-bottom:0}#Menu .menu-text{font-size:.8rem;font-weight:700;margin:.2rem 0}#Menu button{width:2rem;height:2rem;margin:.3rem;font-size:1rem}}
/*# sourceMappingURL=main.b0759d23.css.map*/