#pdf-viewer img {
    display: block; /* Ensures the image block removes bottom space typical of inline-block elements */
    margin: auto; /* Centers the image horizontally */
    max-width: 100%; /* Makes the image responsive to the container width */
    border: 1px solid #8e8e8e; /* Adds a subtle border around the image */
}

#navigation-controls {
    text-align: center; /* Centers the navigation text */
    margin-top: 20px; /* Adds some space above the navigation controls */
}

#page-info {
    font-family: 'custom-serif', serif; /* Consistent font style with the rest of your design */
    font-weight: bold; /* Bold text for emphasis */
}