@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);body{background:#1f1c1b;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 grey;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;margin-top:10px;padding:6px 12px}button:hover{background:#c2ab38;color:#161313}.grid{grid-gap:40px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:40px}@media screen and (max-width:425px){.App h1{font-size:1em}button{font-size:.75em;padding:3px 6px}}.each-card{position:relative}.each-card img{border:2px solid #212020;border-radius:6px;display:block;width:100%}.each-card .front{position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .25s ease-in}.clicked .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition-delay:.2s}.each-card .back{transition:all .2s ease-in;transition-delay:.2s}.flipped .back{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition-delay:0s}
/*# sourceMappingURL=main.e5936708.css.map*/