/* Estilos para o jogo da memória */

/* Adicionando tamanho reduzido para as cartas */
.memory-card {
  width: 100px;
  height: 100px;
  cursor: pointer;
}

.perspective-1000 {
  perspective: 1000px;
}

.transform-style-3d {
  transform-style: preserve-3d;
}

.backface-hidden {
  backface-visibility: hidden;
}

.rotate-y-180 {
  transform: rotateY(180deg);
}

.card-inner {
  transform-style: preserve-3d;
}

.card-front,
.card-back {
  backface-visibility: hidden;
}

.card-back {
  transform: rotateY(180deg);
}

.memory-card:hover .card-inner:not(.rotate-y-180) {
  transform: scale(1.05);
}

.memory-card .card-inner.rotate-y-180 {
  transform: rotateY(180deg);
}