@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap);@font-face{font-family:Pokemon;src:local("Pokemon"),url(/static/media/pokemon.ee9b3ce5a8065e1c17e7.woff) format("woff"),url(/static/media/pokemon.5d60be1f7ff5fcc21fc1.ttf) format("truetype"),url(/static/media/pokemon.97f1cd3cc0e8cda02660.svg) format("svg")}body{background-color:#ff4554;color:#fff;font-family:Roboto,sans-serif;font-size:1rem;margin:0;text-align:center}.App{margin:40px auto;max-width:500px}.pokemon-font{-webkit-text-stroke:4px #3c5aa6;color:#ffcb05;font:70px/70px Pokemon,Raleway,sans-serif;letter-spacing:8px;margin-bottom:40px;text-shadow:6px 6px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-3px 1px 0 #000,3px 2px 0 #000}button{background:#3c5aa6;border:2px solid #3c5aa6;border-radius:4px;color:#fff;cursor:pointer;font-size:inherit;font-weight:700;padding:6px 12px;transition:.2s ease-in-out 0s}button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.card-grid{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:20px}@media (max-width:500px){.App{max-width:80%}.pokemon-font{-webkit-text-stroke:2px #3c5aa6;font-size:40px;line-height:40px}button{font-size:.8rem}}.card{position:relative}.card img{border-radius:6px;display:block;margin:auto;width:100%}.card .front{background-color:#fff;position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .2s ease-in}.flipped .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition-delay:.2s}.card .back{background-color:#3c5aa6;cursor:pointer;transition:all .2s ease-in;transition-delay:.2s}.flipped .back{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition-delay:0s}
/*# sourceMappingURL=main.75abf158.css.map*/