@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap);body{font-family:Raleway,sans-serif;margin:0;font-size:1.5em;text-align:center;background:#1b1523;color:#fff}.App{max-width:860px;margin:40px auto}button{background:none;border:2px solid #fff;padding:6px 12px;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;font-size:1em}button:hover{background:#c23866;color:#fff}.instructions{color:#fff;font-size:1rem;margin:10px 0;text-align:center}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;justify-content:center;padding:20px}.footer{font-size:10px;color:#fff;text-align:center;margin-top:20px}.footer a{color:#fff;text-decoration:underline}.card{width:100px;height:100px;position:relative;perspective:1000px}.card div{position:absolute;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}.card>div.flipped{transform:rotateY(180deg)}.card img{width:100%;height:100%;border-radius:10px}.back,.front{backface-visibility:hidden;position:absolute;top:0;left:0}.front{transform:rotateY(180deg)}
/*# sourceMappingURL=main.0dc5d9e2.chunk.css.map */