/* Write CSS Here */

table {
    width: 98%;
    margin: 0 auto;
}

th {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-size:11px;

    font-family:Arial, Helvetica, sans-serif;
    background-color: #f2f2f2;
    height: fit-content;

}
td {
    border: 1px solid #ddd;
    padding: 11px;
    text-align: left;
    font-size:10px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    
}

.footer {
    border: 0px;
    padding: 0px;
    text-align: center;
    font-size:11px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}

.cl1,
.cl12 {
    background-color: rgba(186, 189, 183, 0.919);
}

.cl3,
.cl4 {
    background-color: rgb(202, 184, 143);
}

.cl5,
.cl6 {
    background-color: darkseagreen;
}

.cl7,
.cl14 {
    background-color: deepskyblue;
}

.cl9,
.cl10 {
    background-color: rgb(251, 251, 128);
}

.cl11,
.cl2 {
    background-color: crimson;
}

.cl13,
.cl8 {
    background-color: darkmagenta;
}

.cl15 {
    background-color: rgb(86, 79, 146);
}