body {
    font-family: Arial, sans-serif;
}

#books img {
    transition: transform 0.2s;
    max-width: 100%;
    height: auto;
}

#books .cursor-pointer:hover {
    background-color: #f3f4f6;
}

#books img:hover {
    transform: scale(1.05);
}

#book-modal:not(.hidden) {
    opacity: 1;
}

#book-modal.hidden {
    opacity: 0;
    pointer-events: none;
}

#modal-content {
    transition: transform 0.3s ease-out;
}

#book-modal:not(.hidden) #modal-content {
    transform: scale(1);
}

#book-modal.hidden #modal-content {
    transform: scale(0.95);
}

#modal-content p {
    margin-bottom: 1rem;
}

#close-modal {
    font-size: 1.5rem;
}

#modal-content img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}