body{
			background: white;
			font-size: 15px;
			font-family: Broadway, sans-serif;
		}

.container{
			width: 400px;
			height: 550px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			background: white;
			box-shadow:0 2px 5px grey;
}
.container .cover{
			width: 400px;
			height: 550px;
			position: absolute;
			transform-style: preserve-3d;
			transform: perspective(1500px) rotateY(0deg);
			background: white;
			transition: all 1.8s ease-in-out;
			transform-origin: left;
		}
.container:hover .cover{
	transform: perspective(1500px) rotateY(-160deg);
}
.container .cover .front, .back{
	width: 100%;
	height: 100%;
	position: absolute;
	backface-visibility:hidden;
	box-shadow:0 2px 5px grey;
}
.container .cover .front{
 	background: url("../img/dudencover.jpg");
}
.container .cover .back{
	background: white ;
	transform: perspective(1000px) rotateY(180deg);
.img{
	position: absolute;
}
}