table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    text-align: left;
}

th, td {
    padding: 12px 15px;
}

thead tr {
    background-color: #0f9015;
    color: white;
    text-align: left;
    font-weight: bold;
}

/* Styling table borders */
tbody tr {
    border-bottom: 1px solid #dddddd;
}

th, td {
    border-right: 1px solid #dddddd;
}

th:last-child, td:last-child {
    border-right: none;
}

/* 
/* For alternating colors 
tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
} */

tbody tr:last-of-type {
    border-bottom: 1px solid black;
}

/* Adding colorful columns */
td:nth-child(1) {
    background-color: #ffcccb; /* Light red */
}

td:nth-child(2) {
    background-color: #ffeb99; /* Light yellow */
}

td:nth-child(3) {
    background-color: #ccffcc; /* Light green */
}

td:nth-child(4) {
    background-color: #cce5ff; /* Light blue */
}

td:nth-child(5) {
    background-color: #d9ccff; /* Light purple */
}

td:nth-child(6) {
    background-color: #ffccf2; /* Light pink */
}

td:nth-child(7) {
    background-color: #ffffcc; /* Light light yellow */
}

td:nth-child(8) {
    background-color: #ffeb99; /* Light yellow */
}

td:nth-child(9) {
    background-color: #ffe5b4; /* Light orange */
}


@media (prefers-color-scheme: dark) {
    th {
        background-color: rgb(39, 33, 33);
    }
    
    td:nth-child(1) {
        background-color: rgb(72, 67, 67);
    }

    td:nth-child(2) {
        background-color: rgb(72, 67, 67);
    }

    td:nth-child(3) {
        background-color: rgb(72, 67, 67);
    }

    td:nth-child(4) {
        background-color: rgb(72, 67, 67);
    }

    td:nth-child(5) {
        background-color: rgb(72, 67, 67);
    }

    td:nth-child(6) {
        background-color: rgb(72, 67, 67);
    }

    td:nth-child(7) {
        background-color: rgb(72, 67, 67);
    }

    td:nth-child(8) {
        background-color: rgb(72, 67, 67);
    }

    td:nth-child(9) {
        background-color: rgb(72, 67, 67);
    }
}