body {
    background-color: rgb(147, 181, 198);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

#header {
    background-color: rgb(221, 237, 170);
    padding: 4px;
    border: 3px gray inset;
    margin-bottom: 1em;
}

h3#stats {
    text-align: center;
}

#select-game-form {
    display: flex;
    column-gap: 1em;
}

#game-list-container {
    height: 40em;
    width: 30em;
    background-color: aliceblue;
    overflow-y: scroll;
    padding: 2em;
    font-family: sans-serif;
}

#game-list {
    list-style: none;
    padding: 0;
}

#game-list li {
    font-size: 120%;
    padding: 0.4em;
}

#game-list li:nth-child(odd) {
    background-color: #EEE;
}

#game-list label {
    width: 100%;
    display: block;
    border: 1px solid transparent;
}

#game-list label:hover {
    border: 1px solid gray;
}

#buttons {
    margin-top: 3em;
}

#buttons button {
    font-size: 120%;
    padding: 0.5em;
    border-radius: 12px;
}

div#request-message {
    margin: auto;
    width: 30em;
    font-size: 140%;
    border: 2px solid crimson;
    text-align: center;
    padding: 3em;
    background-color: beige;
}

/**       Admin          **/
#data-container {
    display: flex;
}

tr:nth-child(even) td {
    background-color: #DDD;
}

tr:nth-child(odd) td {
    background-color: #EEE;
}

td {
    border: 1px solid silver;
}

th, td {
    padding: 4px;
    text-align: center;
}

table.request-table {
    border-collapse: collapse;
}

.request-table th {
    background-color: silver;
    border: 2px gray outset;
    max-width: 10em;
}

.request-table th:first-child {
    max-width: 20em;
}

/* Tabset */
.tabset input[type=radio] {
    position: absolute;
    right: 100%;
  }
  
.tabset input:checked+div {
    display: block;
}
  
.tabset div.content-panel {
    display: none;
  }