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

form {
    max-width: 400px;
    margin: auto;
}

label, input, textarea {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

input, textarea {
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

button {
    padding: 10px 15px;
    font-size: 16px;
    background-color: #607d8b;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

button:hover {
    background-color: #455a64;
}
/* Style for the table */
#book-table {
    width: 100%;
    border-collapse: collapse; /* Collapse borders */
}

#book-table th, #book-table td {
    padding: 8px; /* Padding for table cells */
    text-align: left; /* Align text to the left */
    border: 1px solid #ccc; /* Border for cells */
}
#book-table td:nth-child(1) { width: 225px; } /* Title */
#book-table td:nth-child(2) { width: 150px; } /* Author */
#book-table td:nth-child(3) { width: 125px; } /* ISBN */
#book-table td:nth-child(4) { width: 50px; } /* Year */
#book-table td:nth-child(5) { width: 60px; } /* Category */
#book-table td:nth-child(6) { width: 400px; } /* Summary */
#book-table td:nth-child(7) { width: 40px; } /* Info */
/* Darker gray title bar for table header */
#book-table th {
    background-color: #4d4d4d; /* Dark gray */
    color: white; /* White text for contrast */
}

/* Alternate row colors */
#book-table tbody tr:nth-child(even) {
    background-color: #e6e6e6; /* Slightly darker light gray for even rows */
}

#book-table tbody tr:nth-child(odd) {
    background-color: #f9f9f9; /* Light gray for odd rows */
}

/* Optional: Add a hover effect */
#book-table tbody tr:hover {
    background-color: #cccccc; /* Slightly darker gray on hover */
}