@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;1,300&display=swap);body{background-color:#1b1523;color:#fff;font-family:Nunito,sans-serif;text-align:center}.App{margin:40px auto;max-width:860px}button{background:none;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:400;padding:10px 14px}button:hover{background:#c23866;color:#fff}.card-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px}.card>div{-webkit-perspective:1000px;perspective:1000px;position:relative}.card img{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid #fff;border-radius:6px;display:block;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.card .front{position:absolute;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.flipped .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.flipped .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
/*# sourceMappingURL=main.08ccec33.css.map*/