.box_memorice_player * {
    transition: all 0.5s;
}

.box_memorice_player div {
    /* display: inline-block; */
}
.box_memorice_player {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 auto;
}

.box_memorice_player img {
    width: 100%;
}

.area-tarjeta, .tarjeta, .cara {
    cursor: pointer;
    display: inline-flex;
}

.tarjeta {
    position: relative;
    transform-style: preserve-3d;
    animation: iniciar 5s;
    box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.35);
    -webkit-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.35);
}

.cara {
    position: absolute;
    backface-visibility: hidden;
    /* box-shadow: inset 0 0 0 5px white; */
    font-size: 500%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.trasera {
    background-color: transparent;
    transform: rotateY(180deg);
}
.trasera.win {
    box-shadow: 0px 0px 10px 7px rgba(255,255,255,0.35);
    -webkit-box-shadow: 0px 0px 10px 7px rgba(255,255,255,0.35);
    -moz-box-shadow: 0px 0px 10px 7px rgba(255,255,255,0.35);
}

.superior {
    background: linear-gradient(orange, darkorange);
    background-position: center center;
    background-size: cover;
}



.nuevo-juego {
    cursor: pointer;
    background: linear-gradient(orange, darkorange);
    padding: 20px;
    border-radius: 50px;
    border: white 5px solid;
    font-size: 130%;
    display: inline-block;
}

#puntos, #errores {
    display: inline-block;
    font-size: 300%;
    margin-left: 30px;
}

@keyframes iniciar {
    20%, 90% {
        transform: rotateY(180deg);
    }

    0%, 100% {
        transform: rotateY(0deg);
    }
}