@charset "ISO-8859-1";
.card {
	width: 150px;
	height: 150px;
	cursor: pointer;
	padding-bottom: 10px;
}

.card .flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
	transform-style: preserve-3d;
}

.front, .back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	border-radius: 3px;
}

.front {
	background-color: darkorange;
}

.back {
	background-color: lightblue;
	transform: rotateY(180deg);
	transition: all 0.4s ease-out;
}


.foundCard {
	background-color: blue;
}