table {
    width: 100%; /* Full width */
    max-width: 900px; /* Maximum width of 900px */
    border-collapse: collapse;
    margin: 0 auto; /* Center the table */
}

td {
    width: 33.33%; /* Each column takes up one third of the table width */
    border: 3px solid black;
    font-weight: bold;
    text-align: center;
    background-color: #fffff0;
    padding: 10px; /* Optional: for better spacing */
    box-sizing: border-box; /* Ensures padding and border are included in the width */
}

h1 {
    text-align: center;
    color: #2619EF;
    font-family: tahoma;
    font-size: 35px;
    font-style: italic;
}

h3 {
    text-align: center;
    color: #2619EF;
    font-family: tahoma;
    font-size: 25px;
    font-style: italic;
}

h4 {
    text-align: center;
    color: #2619EF;
    font-family: tahoma;
    font-size: 12px;
    font-style: italic;
}

p {
    font-size: 30px;
    font-family: new times roman;
}

.audio-player {
    width: 50%; /* Set width to 50% */
    max-width: 450px; /* Ensure it doesn’t exceed half of the original max width */
    margin: 0 auto; /* Center the audio player */
    display: block;
}

/* Media Queries for Responsive Design */
@media (max-width: 768px) {
    td {
        width: 100%; /* Full width for each cell on small screens */
        display: block; /* Block display to stack cells vertically */
        margin-bottom: 10px; /* Space between stacked cells */
    }
}