@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap";*{margin:0;font-family:Unbounded,sans-serif}.game-board{display:grid;grid-template-columns:150px 150px;grid-template-rows:110px 110px 110px 110px;text-align:center;align-items:center;justify-items:center;perspective:1000px;height:auto;margin-bottom:2rem}@media (min-width: 1024px){.game-board{grid-template-columns:200px 200px 200px 200px;grid-template-rows:200px 200px}}.game-board .card{width:100px;height:100px;-webkit-user-select:none;user-select:none;padding:10px;box-sizing:border-box;text-align:center;margin:16px;transition:.6s;transform-style:preserve-3d;position:relative}@media (min-width: 1024px){.game-board .card{width:150px;height:150px}}.game-board .card div{backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;transition:.6s;background:rgba(255,255,255,.7)}.game-board .card .back{font-size:50px;line-height:120px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}.game-board .card .back:hover{background:rgba(255,255,255,.9);transform:rotateY(12deg)}.game-board .card .front{display:flex;justify-content:center;align-items:center;transform:rotateY(180deg);background:#7300e6;line-height:110px;text-emphasis:none}.game-board .card .front img{vertical-align:middle;width:100%;max-width:150px}.game-board .card.flipped,.game-board .card.matched{transform:rotateY(180deg)}.game-board .card.matched .front{box-shadow:0 0 0 2px #0000000d inset;animation:selected .8s 0s ease 1;animation-fill-mode:both;opacity:.2}.restart-button{width:12em;height:3em;cursor:pointer;color:#fff;border-radius:4px;font-size:12px;background-color:#6d1124;border:0}.centered{width:100%;height:100%;text-align:center}@keyframes selected{0%{opacity:.2}30%{opacity:.5}50%{opacity:.9}70%{opacity:.2}to{opacity:.3}}