/* Basic styling for the book container */
#flipbook {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    overflow: hidden;
}

/* General styles for each page */
.page {
    width: 100%;
    height: 100%;
    position: absolute;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

/* Adding transition effect for turning pages */
.turn-page {
    transition: transform 0.6s;
    transform-origin: left;
    backface-visibility: hidden;
}

/* Z-index management for pages */
.turn-page.turn-page-odd {
    z-index: 2;
}

.turn-page.turn-page-even {
    z-index: 1;
}

/* Adding borders and shadows to pages */
.turn-page-inner {
    position: relative;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    background: #fff;
}

/* Additional custom styles */
.page img {
    width: 100%;
    height: 100%;
    display: block;
}