@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:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-top:4rem}.card{height:250px;position:relative}.card img{border:2px solid #fff;border-radius:6px;display:block;height:100%;object-fit:cover;width:100%}.card .front{position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .2s ease-in}.flipped .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition-delay:.2s}.card .back{--pink:#ffbaee;--white:#fff;background-color:#e5e5f7;background:repeating-linear-gradient(45deg,var(--pink),var(--pink),5px,var(--white) 5px,var(--white) 25px);border:2px solid #fff;border-radius:6px;height:250px;opacity:.8;transition:all .2s ease-in;transition-delay:.2s}.flipped .back{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition-delay:0s}
/*# sourceMappingURL=main.859ad57a.css.map*/