body {
    background-color: #f0f0f0; /* Updated background color for better appeal */
    direction: rtl; /* Right-to-left text direction for Arabic */
    font-family: 'Amiri', serif;
}

.container {
    text-align: center; /* Centering content within the container */
}

.title {
    font-size: 3.0em; /* Larger font size for the title */
    margin-bottom: 20px; /* Space below the title */
    padding: 10px 0; /* Padding on top and bottom */
    border-top: 2px solid black; /* Top border */
    border-bottom: 2px solid black; /* Bottom border */
    display: block; /* Changes element to block-level, making it fill the container */
    width: 100%; /* Ensures the element spans the full width of its container */
    box-sizing: border-box; /* Ensures padding and border are included in the width */
}
.author-name {
    font-size: 1em; /* Smaller font size than the title */
    text-align: center; /* Center align if needed */
    margin-top: 5px; /* Space above the author's name */
    color: #555; /* Optional: different color to distinguish from the title */
}

.label-age {
    font-size: 1.5em; /* Adjust the size as needed */
}


table {
    margin-top: 40px; /* Adjust the value as needed to move the table down */
    margin-left: auto;
    margin-right: auto;
    width: 80%; /* Making the table larger */
    border-collapse: collapse;
    border: 1px solid #ddd; /* Light grey border */
    font-size: 24px; /* Makes font larger, adjust as needed */
    /* Add more table styles like border, padding etc. */
}

th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center; /* Center text in cells */
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

th {
    background-color: #007bff; /* Standard blue color, adjust the hex value as needed */
    color: white;
}

input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
}

input[type="submit"]:hover {
    background-color: #45a049;
}

.footer-content {
    text-align: center;
    padding: 20px;
    background-color: #333;
    color: white;
}

.footer-content {
    text-align: center;
    padding: 20px;
    background-color: #333;
    color: white;
    font-size: 1.2em; /* Updated font size */
}

.footer-arabic {
    text-align: center;
    padding: 20px;
    background-color: #333;
    color: white;
    font-size: 1.2em; /* Updated font size */
    /* If you want the Arabic text to be a different size, set it here, otherwise it will inherit from .footer-content */
}

.footer-english {
    text-align: center;
    padding: 20px;
    background-color: #333;
    color: white;
    font-size: 1.2em; /* Updated font size */
    /* Same as above, specify if a different size is needed or remove/comment out to inherit from .footer-content */
}

.footer-english a {
    color: #ffd700;
    text-decoration: none;
}

.footer-english a:hover {
    text-decoration: underline;
}