main table.list{
    width:100%;
    border-collapse:collapse;
}
main table.list tr{
    height:2.5rem;
    background-color:#242424;
}
main table.list tr:nth-child(odd){
    background-color:#262626;
}
main table.list th{
    width:1px;
    padding:0 2rem 0 2rem;

    text-align:center;
    font-size:1.2rem;
    font-weight:bold;

    white-space:nowrap;
    background-color:#383838;
    color:#f0f0f0;
    border-bottom:1px solid #404040;
}
main table.list td{
    width:1px;
    height:100%;
    padding:0 2rem 0 2rem;

    text-align:center;

    white-space:nowrap;
    background-color:inherit;
    color:#f0f0f0;
    border-right: 1px solid #282828;
}
main table.list td:last-child, main table.list th:last-child{
    width:auto;
    padding:0;
    text-align:left;
}
main table.list td:last-child{
    background-color: #282828;
    border:0;
}

main table.list.session th:nth-child(1){width:10rem;}
main table.list.session th:nth-child(2){width:10rem;}

main table.list.session-resume th:nth-child(1){width:10rem;}

main table.list.challenge th:nth-child(2){width:10rem;}

main table.list.invite th:nth-child(1){width:15rem;}

main table.list td:last-child>button{
    display:inline-block;
    position:relative;
    min-width:8rem;
    height:100%;
    padding:0 1rem 0 1rem;

    text-align:center;
    font-size:1.25rem;
    cursor:pointer;

    background-color:inherit;
    color:#e0e0e0;
    border:0;
    outline:0;
}
main table.list td:last-child>button.highlight {
    background-color:#772d43;
}
main table.list td:last-child>button:hover{
    background-color:#303030;
}

main table.list td>canvas {
    display: block;
    position: relative;
    width: 8em;
    height: 2em;
    margin: 0 -1.5rem 0 -1.5rem;
}

main article{
    display:block;
    position:relative;
    width:100%;
    flex-grow:1;

    padding:1rem;
    margin:0;

    line-height:1.4em;
    font-size:1.2rem;
    color:#c0c0c0;

    overflow:auto;
}
main article>h1{
    padding:0.5rem;
    margin:0 0 0.5rem 0;

    font-size:1.8rem;
    font-weight:bold;
    background-color:#a0a0a0;
    color:#202020;
}
main article>h2{
    padding:0 0 0.5rem 0.25rem;
    margin:1.5rem 0 0.5rem 0;

    font-size:1.6rem;
    font-weight:bold;
    border-bottom:2px solid #c0c0c0;
    color:#c0c0c0;
}
main article>h3{
    padding:0 0 0 0.25rem;
    margin:1.5rem 0 0.5rem 0;

    font-size:1.5rem;
    font-weight:bold;
    text-decoration:underline;
    color:#b0b0b0;
}
main article>h4{
    padding:0 0 0 0.25rem;
    margin:1.5rem 0 0.5rem 0;

    font-size:1.3rem;
    text-decoration:underline;
    color:#a0a0a0;
}
main article>p{
    padding:0 0.5rem 0 0.5rem;
}
main article a{
    color:#db758e;
    text-decoration:none;
}
main article>a:hover{
    text-decoration:underline;
}

main div.turn-slider-padding{
    display:block;
    position:relative;
    width:100%;
    padding:0.25rem 0.5rem 0 0.5rem;
    background-color:#101010;
}
input#turn-slider{
    display:block;
    position:relative;
    width:100%;
    height:1rem;
    accent-color:#702e2e;
}