body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:pink;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}.game{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:500px;margin-left:40px;width:500px}.card{align-items:center;-webkit-animation:hideCard 2s linear;animation:hideCard 2s linear;background-color:#fff;border:2px solid #000;display:flex;justify-content:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);transition:tranform .5s}@-webkit-keyframes hideCard{0%,70%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes hideCard{0%,70%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}.card img{-webkit-animation:hideImage 2s linear;animation:hideImage 2s linear;max-height:80%;max-width:60%;-webkit-transform:scale(0);transform:scale(0);transition:tranform .5s}@-webkit-keyframes hideImage{0%,70%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes hideImage{0%,70%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}.card.active{-webkit-transform:rotateY(0);transform:rotateY(0)}.card.correct{background-color:#38bd38}.card.wrong{background-color:#fc2323}.card.active img{-webkit-transform:scale(1);transform:scale(1)}@media screen and (max-width:600px){.game{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:300px;margin-left:40px;width:300px}}.board-row{align-items:center;background-color:#fff;color:#000;display:flex;justify-content:space-evenly}.board-container{margin:90px 90px 90px 20px;width:27%}.App{background-image:url(/static/media/pinky2.9b2f2c236ee31aa79683.png)}.App,.pink{background-size:contain;height:100%;width:100%}.pink{background-image:url(/static/media/pinky4.40e288125fbc55a8b4ce.png)}@media screen and (max-width:600px){.App,.pink{background-image:url(/static/media/Mobile%20background.dfae6e46a0b832875f55.png);background-size:contain;height:80%}.board-container{margin-left:20px;width:70%}}
/*# sourceMappingURL=main.6604d61e.css.map*/