/* some style */
ul#grades {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

tr.beginner {
    background-color: #c5f1d4;
}
tr.intermediate {
    background-color: #c6f2f0;
}
tr.advanced {
    background-color: #fcd4a9;
}
tr.expert {
    background-color: #f27960;
}
tr.elite {
    background-color: #c1aeaa;
}

tr.selected {
    border: 2px solid black;
}

table, th, td {
    border: 1px solid black;
        border-collapse: collapse;
}

#grade-table {
    margin: auto;
    width: 20%;
    border: 3px solid green;
    padding: 10px;
}

#grade-table table {
    width:100%;}