@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap);body{background:#1b1523;color:#fff;font-family:Raleway,sans-serif;font-size:1.5em;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}.popup{align-items:center;animation:fadeIn .35s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#26163873;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.popup-content{animation:popupScale .35s ease;background:linear-gradient(145deg,#f8f2ff,#efe2ff 50%,#e7d5ff);border:1px solid #fff9;border-radius:24px;box-shadow:0 20px 40px #69489940,inset 0 1px 1px #fffc;padding:35px 30px;text-align:center;width:360px}.popup-content h2{color:#5b3f8b;font-size:2rem;font-weight:700;margin-bottom:12px}.popup-content p{color:#6d5a88;font-size:1rem;line-height:1.6;margin:8px 0}.popup-content h2:before{content:"✨ "}.popup-content h2:after{content:" ✨"}@keyframes popupScale{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{position:relative}.card img{border:2px solid #fff;border-radius:6px;display:block;width:100%}.card .front{position:absolute;transform:rotateY(90deg);transition:all .2s ease-in}.flipped .front{transform:rotateY(0deg);transition-delay:.2s}.card .back{transition:all .2s ease-in;transition-delay:.2s}.flipped .back{transform:rotateY(90deg);transition-delay:0s}
/*# sourceMappingURL=main.6d9e1109.css.map*/