body{background-color:#a0ccc1}h1{text-align:center}.memoryGame{display:flex;flex-direction:column;align-items:center;width:min(85vw,65rem);margin:auto}.scores{background-color:#a0ccc1;display:flex;justify-content:space-between;width:100%}.scores h2{margin:.5rem 0}.cardContainer{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;width:100%}@media (orientation: portrait){.cardContainer{grid-template-columns:repeat(2,1fr)}.scores{position:sticky;top:-3rem;z-index:1;flex-direction:column;align-items:center}}.card{background-size:cover;background-position:center;aspect-ratio:1/1;cursor:pointer}.card div{padding:1rem;height:calc(100% - 2rem);width:calc(100% - 2rem);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 5px 5px 5px #000,inset -5px -5px 5px #000}.card div:active{box-shadow:inset 5px 5px 5px 4px #000,inset -5px -5px 5px 4px #000}.card .blur{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);width:100%;height:100%;position:relative}.card img{height:100%;width:100%;object-fit:contain}