@import url(https://use.typekit.net/yjs3srf.css);:root{--purple:#6964ff;--orange:#f09566;--green:#56ff56}#root,body,html{height:100vh}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:franklin-gothic-urw,sans-serif;font-weight:400;font-style:normal;background:#000;color:#6964ff;color:var(--purple)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a[href^="http://maps.google.com/maps"],a[href^="https://maps.google.com/maps"]{display:none!important}.gm-style-cc,.gmnoprint a,.gmnoprint span{display:none}.gmnoprint div{background:none!important}.App{height:100%}.header{font-size:30px;text-transform:uppercase;color:var(--orange);text-align:center}.container,.header{display:flex;justify-content:center}.container{flex-direction:column;align-items:center;height:100%}.grid-container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;width:100%;max-width:390px}.cell{flex:0 0 15%;background:var(--purple);margin:10px;transition:background .5s}.cell.selected{background:var(--green)}.smiler-container{display:flex;justify-content:center;position:absolute;left:50%;top:50%;width:150px;height:150px;align-items:center;box-sizing:border-box;margin-left:-75px;margin-top:-75px;pointer-events:none;z-index:-1}.smiler-container>svg{opacity:0;transition:opacity .5s}.smiler-container.show>svg{opacity:1}.smiler-container.show{z-index:1}.smiler-container *{transition:stroke .5s,fill .5s}circle.white{fill:#fff}ellipse.white,path.white{stroke:#fff}circle.red{fill:red}ellipse.red,path.red{stroke:red}circle.green{fill:var(--green)}ellipse.green,path.green{stroke:var(--green)}.wrong{animation:wrong .5s 3}.right{animation:right .5s 3}@keyframes wrong{0%{background:red}to{background:#ffff7f}}@keyframes right{0%{background:#52b1ff}to{background:#ff31ff}}.pulse{animation:pulse .5s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.5)}}.marker-pulse{animation:marker-pulse .5s infinite alternate}@keyframes marker-pulse{0%{transform:scale(1)}to{transform:scale(.5)}}
/*# sourceMappingURL=main.66ce9451.chunk.css.map */