@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap);body{background:#1b1523;color:#fff;font-family:Raleway,sans-serif;font-size:1.5em;margin:0;text-align:center}@media screen and (max-width:415px){body{font-size:1em}}.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 20px}button:hover{background:#c23866;color:#fff}.card-grid{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:40px}@media screen and (max-width:285px){.App{max-width:240px}.card-grid{grid-gap:10px;grid-template-columns:1fr 1fr 1fr;margin:30px auto}}@media screen and (min-width:286px) and (max-width:415px){.App{max-width:300px}.card-grid{grid-gap:15px;grid-template-columns:1fr 1fr 1fr;margin:30px auto}}@media screen and (min-width:416px) and (max-width:545px){.App{max-width:450px}.card-grid{grid-gap:15px;margin:40px auto}}@media screen and (min-width:546px) and (max-width:915px){.App{max-width:650px}.card-grid{grid-template-columns:1fr 1fr 1fr 1fr;margin:40px auto}}.card{position:relative}.card img{border:2px solid #fff;border-radius:6px;display:block;width:100%}.card .card-front{position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .2s ease-in}.flipped .card-front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition:delay .2s}.card .card-back{transition:all .2s ease-in;transition:delay .2s}.flipped .card-back{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:delay 0s}
/*# sourceMappingURL=main.e20b6c60.css.map*/