.main-content{min-height:80svh}#game-title{background-color:var(--clr-blue-t-up);box-shadow:var(--sd);font-size:3.5rem;font-weight:700;margin:0 auto 0;max-width:900px;position:relative;text-align:center;text-transform:uppercase;border:1px solid var(--clr-blue);z-index:10;text-shadow:0 0 2px var(--clr-black);color:var(--clr-white)}#game-title::before{content:attr(emoji-line);font-size:2rem;left:0;position:absolute;text-shadow:none;z-index:-1;overflow:hidden;max-height:69px;opacity:.6;padding:.3rem}#turns-counter{align-items:center;background-color:var(--clr-black);border-radius:5px;color:var(--clr-white);display:flex;font-size:1.8rem;font-weight:700;grid-area:turn;justify-content:center;text-transform:uppercase}#board-cnt{align-content:center;display:flex;justify-content:center;margin:0 auto;max-width:900px;border:1px solid var(--clr-blue);border-top:none}#reset-btn{align-items:center;background-color:var(--clr-orange);border-radius:5px;border:2px solid var(--clr-orange);box-shadow:var(--sd);color:var(--clr-black);cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;grid-area:reset;justify-content:center;text-align:center;text-transform:uppercase;transition:background-color .3s}#reset-btn:hover{background-color:var(--clr-black);color:var(--clr-orange);transition:background-color .3s}#pares{align-items:center;background-color:var(--clr-blue-t);border-radius:5px;border:1px solid var(--clr-blue);color:var(--clr-white);display:flex;font-size:1.8rem;font-weight:700;grid-area:matches;justify-content:center;text-transform:uppercase}#game-board{position:relative;width:100%;min-height:75vh;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(7,1fr);grid-template-areas:'matches matches turn turn turn reset reset reset';gap:.3rem;padding:1rem;background-color:var(--clr-neutral-sc-t)}@media screen and (min-width:800px){#game-title{font-size:5rem}#game-title::before{max-height:98px}#game-board{gap:1rem;min-height:80vh}}.card{align-items:center;background-image:url(/resources/images/logo.svg);background-repeat:no-repeat;background-position:center;background-size:1rem;border-radius:2px;cursor:pointer;display:flex;font-size:4vw;justify-content:center;transition:border .3s;color:var(--clr-white);border:1px solid var(--clr-blue-t-up)}#msg{align-items:center;background-color:rgba(0,0,0,.9);border:1px solid var(--clr-green);display:flex;height:85%;justify-content:center;position:absolute;top:15%;width:100%}#msg-text{color:var(--clr-green);font-size:10vw;font-weight:700;height:fit-content;padding:1rem}@media screen and (min-width:900px){#game-title{margin-top:1rem}.card{font-size:2rem}#msg-text{font-size:5rem}#pares,#reset-btn,#turns-counter{font-size:3rem}}.card:hover{border-color:var(--clr-blue)}.selected-card{border:1px solid var(--clr-blue);box-shadow:0 0 5px 2px #000;transition:border .3s;background-image:none}.pared-card{background-color:var(--clr-blue-t);border:1px solid var(--clr-blue);transition:all .3s;background-image:none}.wrong-card,.wrong-card:hover{background-color:#4c0000;border:1px solid var(--clr-red);background-image:none}