thead, tbody {
    display: block;
}

tbody {
    height: 20em;
    overflow-y: auto;
    overflow-x: hidden;
}

table#effects, #effects th, #effects td {
    border-collapse: collapse;
    border: 2px solid white
}

#effects th, #effects td {
    text-align: center;
    width: 200px;
    height: 50px;
}

#effects tr:nth-child(odd) {
    background-color: #424242;
}
#effects tr:hover {
    background-color: #777;
}

#effects th {
    background-color: #333;
}

#effects tr#title {
    font-size: 2em;
}
label {
    cursor: pointer;
}