*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#008b8b;color:#000;display:grid;font-family:Inter,sans-serif;font-size:3rem;min-height:100vh;padding:2rem;place-items:center}img{display:block;max-width:100%}button{background:none;border:1px solid #f5f5f5;border-radius:.5rem;cursor:pointer;font:inherit;font-weight:700;padding:.5rem 1.5rem}p{font-family:Georgia,Times New Roman,Times,serif}.App{grid-gap:2rem;display:grid;gap:2rem;place-items:center}.gameboard{grid-gap:1rem;background-color:hsl(var(--accent)/.1);border:4px solid hsl(var(--accent));border-radius:2rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);padding:2rem}.card{background-color:#f5f5f5;border:2px solid #00008b;display:grid;height:80px;place-items:center;position:relative;-webkit-user-select:none;user-select:none;width:80px}.card.matched,[disabled]{cursor:not-allowed;opacity:.2;pointer-events:none}.side{pointer-events:none;position:absolute}:is(.card.matched,.card.flipped,:focus) .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}:is(.card.matched,.card.flipped,:focus) .front{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.back{font-size:3rem;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}
/*# sourceMappingURL=main.13ca20b2.css.map*/