body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{text-align:center}body{font-family:"Fontdiner Swanky",cursive;background-color:#fbfef9;color:#ff0;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#150c47;background-image:url(/static/media/2621720.c82c3fb4.jpg);background-size:contain}h1{font-size:5rem;margin:10px;padding:0}h2{margin:0;font-size:4rem;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#ff0;padding-bottom:20px;font-family:monospace;font-weight:700;color:#f0f}#headers{border-radius:5px;background-color:hsla(0,0%,100%,.6);margin-bottom:10px}.App{text-align:center;padding-left:5vw;padding-right:5vw}.game{margin:auto;justify-content:center;display:grid;grid-template-columns:repeat(auto-fill,200px);grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;grid-row-gap:15px;row-gap:15px}img{max-width:190px;max-height:220px}.scene{width:190px;height:220px;margin:0;-webkit-perspective:600px;perspective:600px}.card{border-radius:5px;width:100%;height:100%;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;cursor:pointer;position:relative}.card.is-flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card__face{border-radius:5px;display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;text-align:center;font-weight:700;font-size:70px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card__face--front{background:#f0f}.card__face--back{background:#150c47;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.modal-main{border-radius:10px;position:fixed;background:#fff;width:80%;height:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.display-block{display:block}.display-none{display:none}@media only screen and (max-width:400px){h1{font-size:5rem;margin:5px;padding:0}h2{-webkit-text-stroke-width:0;font-size:2rem;padding-bottom:5px}.game{grid-template-columns:repeat(auto-fill,130px)}img{max-width:120px;max-height:140px}.scene{width:120px;height:140px;margin:0}.card__face{font-size:45px}.modal-main h1{font-size:3rem}}
/*# sourceMappingURL=main.fee29a96.chunk.css.map */