@import url(https://fonts.googleapis.com/css2?family=Hi+Melody&family=Inter:wght@400;500;700&family=Nanum+Gothic:wght@400;700;800&family=Rubik:wght@500;600;700&display=swap);body{background:linear-gradient(90deg,#261447,#1b1523);color:#fff;font-family:Nanum Gothic,sans-serif;font-size:1.5rem;margin:0;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:1em;font-weight:700;padding:6px 12px}button:hover{background:#c23866;color:#fff}.card-grid{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:40px}.card{position:relative}.card img{border:3px solid #000;border-radius:15px;display:block;width:100%}.card .front{position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in}.flipped .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition-delay:.2s}.card .back{transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;transition-delay:.2s}.flipped .back{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition-delay:0s}
/*# sourceMappingURL=main.3dcd9dff.css.map*/