/* Style for the table */
.table-container {
    width: 100%;
    overflow-x: auto; /* Enable horizontal scrolling */
}

table {
    width: 100%;
    border: 2px solid #ddd; /* Add border to the table */
    border-collapse: collapse;
}

/* Style for table headers */
th, td {
    padding: 8px;
    border: 1px solid #ddd; /* Add border to table cells */
    text-align: left;
}

th {
    background-color: #f2f2f2;
    font-weight: bold;
}

/* Add a zebra stripe effect to the table */
tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Responsive table */
@media screen and (max-width: 600px) {
    table {
        width: 100%;
    }

    table, th, td {
        border: none;
    }
}