*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#ff4500;display:flex;height:100vh;justify-content:center}img{height:100%;object-fit:cover;width:100%}.App,img{border-radius:1rem}.App{grid-gap:3rem;align-items:center;background-color:#000;display:grid;gap:3rem;grid-template-columns:repeat(5,1fr);height:80vh;justify-content:center;padding:5rem;-webkit-perspective:800px;perspective:800px;width:1300px}.card{border-radius:1rem;cursor:pointer;height:100%;position:relative;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;width:100%}.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:10}.back,.front{border-radius:1rem;height:100%;left:0;position:absolute;top:0;width:100%}.back{background-color:blue}.clickedCard{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.matchedCard{pointer-events:none}.new-game{border:3px solid #000;border-radius:1rem;padding:3rem;text-align:center}.new-game h1{font-size:5rem}.new-game button{background-color:#000;border:none;border-radius:.5rem;color:#fff;color:#ff4500;cursor:pointer;font-size:1.5rem;font-weight:600;margin-top:3rem;padding:1rem}.new-game button:hover{background-color:#ff4500;border:1px solid #000;color:#000}
/*# sourceMappingURL=main.1c186aec.css.map*/