*{box-sizing:border-box;margin:0}body{--main-bg: #fafafa;--main-text-color: black;--card-back: #3a3335;--card-outline: #919191;--card-hover: #d81e5b;--card-flipped: #fdf0d5;--card-matched: #c6d8d3;background-color:var(--main-bg);color:var(--main-text-color)}main{max-width:35rem;padding:1rem;display:flex;flex-direction:column;gap:1rem;margin:auto}header{display:flex;justify-content:space-between;align-items:center}button.game_control{padding:.5rem 1rem}.board{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);aspect-ratio:1 / 1;border:1px solid var(--card-outline)}@keyframes dance_party{25%{transform:rotate(30deg) translate(4px,-4px)}50%{transform:rotate(0) translate(0)}75%{transform:rotate(-30deg) translate(-4px,-4px)}}.board.game_over .card_content{animation:dance_party infinite linear 1.25s}.card{font-size:2rem;color:transparent;background-color:var(--card-back);position:relative;aspect-ratio:1 / 1;border:2px solid var(--card-outline)}.card:hover{background-color:var(--card-hover)}.card.flipped{color:unset;background-color:var(--card-flipped)}.card.matched{color:unset;background-color:var(--card-matched)}.card_content{position:absolute;inset:0;width:fit-content;height:fit-content;margin:auto}