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}*{box-sizing:border-box}@media screen{body{min-height:100vh;display:flex;margin-top:10px;justify-content:center;align-items:center;line-height:1;font-family:"Patrick Hand",sans-serif}}@media screen and (max-width:367px){body .h2{font-size:25px}}p{text-align:right;font-size:50px;color:#999;margin-top:0;margin-bottom:10px;margin-right:10px}p strong{font-size:14px;color:#777}@media screen{.cards{display:grid;grid-gap:10px;gap:10px}}@media screen and (max-width:576px){.cards{grid-template:repeat(4,1fr)/repeat(4,1fr)}}@media screen and (min-width:576px){.cards{grid-template:repeat(4,1fr)/repeat(4,1fr)}}@media screen and (min-width:768px){.cards{grid-template:repeat(6,1fr)/repeat(6,1fr)}}@media screen{.pokemon-card{border-radius:2px;background:#000;cursor:pointer;background:none;border:none;outline:none}.pokemon-card .front{background:#fff;transform:rotateY(180deg)}.pokemon-card .back,.pokemon-card .front{display:flex;align-items:center;justify-content:center;border-radius:8px;position:absolute;top:0;left:0;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.pokemon-card .back{background:#51dce0;color:#d6aeb5;font-size:100px;transition:all .3s ease}.pokemon-card .back:hover{background:#dba8b1;color:#fff;transform:scale(1.02)}}@media screen and (max-width:576px){.pokemon-card{height:70px;width:70px}}@media screen and (min-width:576px){.pokemon-card{height:85px;width:85px}}@media screen and (min-width:768px){.pokemon-card{height:100px;width:100px}}@media screen and (min-width:992px){.pokemon-card{height:150px;width:150px}}.pokemon-card.flipped .inner{transform:rotateY(180deg)}.inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:all .6s cubic-bezier(.38,.02,.09,1.66)}@media screen{.static-window{padding:1rem;width:270px;background-color:rgba(53,53,53,.17647058823529413);border-radius:10px;text-align:center}}@media screen and (max-width:576px){.static-window{width:170px;font-size:10px}}@media screen and (min-width:576px){.static-window{width:200px;font-size:12px}}@media screen and (min-width:768px){.static-window{width:240px;font-size:15px}}@media screen and (min-width:992px){.static-window{width:270px;font-size:16px}}.app-header{align-items:flex-end}.app-header h1{flex-grow:1}.app-header h2{font-size:1rem;color:grey}@media screen and (max-width:576px){h1{font-size:20px}}@media screen and (min-width:576px){h1{font-size:30px}}@media screen and (min-width:768px){h1{font-size:40px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.7b6dc6eb.chunk.css.map */