ul,li,ol,h3{
	list-style: none;
	margin: 0;
	padding: 0;
}







::selection {
    background-color: none;
    color: darkblue;
    /* text-shadow: 2px 1px 0 rgba(124,151,115,1); */
}



.book{
	width: 400px;
	
	
	margin:  0 auto;
	color: white;
	text-align: center;
	margin-top: 180px;
}




 .book_size{
	width: 400px;
	height: 600px;
	border-radius:10px 40px 40px 10px;
 }

.cover{
	background-color: #0072A7;
	position:absolute;
	transition-duration: .5s;
	transition-timing-function: ease-in;
	z-index: 19;
	background-image: url(../img/book/batmancover.jpg);
	
	
	transform-style: preserve-3d;
	transform-origin: left center -2px;
	    
	/* background-size: 100%; */
}

.book:hover .cover{
	
	transform: rotateY(-36deg) rotateZ(-7deg);
	box-shadow:2px 1px 1px #cfcfcf , 0px 0px 60px #000000;
}

.book:hover .bottom{
	
	transform: rotateZ(-6deg);
	background-position:0px -500px;
	
}



.bottom{
	background-image: url(../img/book/content.jpg);
	position: relative;
	
	transition-duration: .5s;
	transition-timing-function: ease-in;
	background-color: whitesmoke;
	
	transform-style: preserve-3d;
	transform-origin: left center 0px;
	
	
	border:30px white solid;
	box-sizing: border-box;
	
	/* transition-delay: 0.5s; */    
	
	background-position:0px 0px;
	background-size: 130%;
	}