*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-family: "Poppins", sans-serif;
}

.bookbody {
    display: grid;
    place-content: center;
    height: 550px;
    width: 825px;
	overflow:hidden;
	background:silver;
}

.flipbook-D {
    height: 550px;
    width: 825px;
}

.flipbook-D .hard {
    background:#334231 !important;
    color: #fff;
    font-weight: bold;
    border: none; 
	font-size: 3.3vw;
}

.flipbook-D .hard small{
	font-style: italic;
	font-weight: lighter;
	opacity: 0.7;
	font-size: 1.2vw;
	padding:0px 20px 0 20px;
}

.flipbook-D .hard page-text{
	font-style: italic;
	font-weight: lighter;
	opacity: 0.8;
	font-size: 1.0vw;
	padding:0 0px 0 20px;
}

.flipbook-D .page-text{
	font-style: italic;
	font-weight: lighter;
	opacity: 0.8;
	font-size: 0.9vw;
	line-height:1.1vw;
	padding:0 5px 0 5px;
}

.flipbook-D .desktop {
	font-size: 2.3vw;
	background-color:green;
	color:red; 
}


.flipbook-D .page {
    background:white;
    background-image:url('../images/grunge-paper-background-sm.jpg');
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    gap: 10px;
    border: 1px solid rgba(0, 0, 0, 0.11);
}

.page img{
	width: 100%;
	height:100%;
	object-fit: cover;
	margin: auto;
}

.flipbook-D .page small{
	font-size: 1.3vw;
	padding:20px 0 0px 0;
    font-family:Viking-Normal;
    text-align:center;
	opacity: 0.8;
    
}