table {
    width: 90%;
    border-collapse: collapse;
    margin-left: 4%;
}
th, td {
    border: 1px solid #00A9C1;
    padding: 10px;
    text-align: center;
}
th {
    background-color: #E6F7FB;
}
.baccalaureat {
    text-align: left;
    font-weight: bold;
}
.table{
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
}
/* Responsive Design for Smaller Screens */
@media screen and (max-width: 768px) {
    .table {
        overflow-x: auto;
        display: block; 
        width: 100%;
    }

    table {
        width: 100%;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    th, td {
        padding: 8px; 
        font-size: 14px; 
    }
}

/* Extra Small Screens (Mobile) */
@media screen and (max-width: 480px) {
    th, td {
        font-size: 12px; 
        padding: 6px;
    }

    .baccalaureat {
        font-size: 12px;
        text-align: left;
    }
}