:root {
    --hover-bc: rgba(255,255,255,0.1);
    --focus-bc: rgba(0,0,0,0.1);
    --active-bc: rgba(0,0,0,0.1)
}

.hover:hover {
    background-color: var(--hover-bc);
}

.centertext {
    display: flex;
    align-items: center;
    justify-content: center;
}

li:hover {
    background-color: var(--hover-bc);
}

tr {
    width: 100%;
    height: 30px;
    display: inline-flex;
}

button.li {
    width: 100%;
    height: 30px;
    display: inline-flex;
}

th {
    flex: 1;
    text-align: center;
    font-weight: 100;
    font-size: 12px;
    line-height: 30px;
}

td {
    flex: 1;
    text-align: center;
    font-weight: 100;
    font-size: 12px;
    line-height: 30px;
}

button {
    background-color: rgba(0,0,0,0);
    border: 0px;
}

button:hover {
    background-color: var(--hover-bc);
}

button:active {
    background-color: var(--active-bc);
}