@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap);body{background-color:#202020;color:#fff;font-family:Raleway,sans-serif;font-size:1.5em;margin:0;text-align:center}.App{justify-content:center}.App,.navbar{align-items:center}.navbar{display:flex;margin:0 auto;max-width:600px;padding:8px}button{background:none;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:.8em;margin-left:auto;padding:4px 10px}button:hover{background-color:#fff;color:#000;transition:all .5s ease-out}.card-grid{grid-gap:10px;display:grid;grid-template-columns:.1fr .1fr .1fr .1fr;justify-content:center}.card{position:relative;width:5.6em}.card img{display:block;width:100%}.card .back:hover{cursor:pointer}.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{transition:all .2s ease-in;transition-delay:.2s}.flipped .back{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition-delay:0s}
/*# sourceMappingURL=main.02bbbe7a.css.map*/