body {
    max-width: 700px;
    margin:40px auto;
    padding:0 10px;
    font: 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color:#444
}
@media screen and (max-width: 700px) {
  table {
    font-size: smaller;
  }
  thead tr th {
    font-size: smaller;
  }
}
h1,h2,h3 {
    line-height:1.2
}


li + li {
    margin-top: 10px;
}

a:hover {
  text-decoration: none;
}

.sortcol1, .sortcol2 {
    display: inline-block;
    vertical-align: top;
}

table {
    table-layout: fixed;
    width: 100%;
    margin: 10px auto;
    /*margin: 2px auto;*/
    border-collapse: collapse;
}
td {
    padding: 0.4em;
    vertical-align: top;
}

table.player thead tr th:nth-child(4),
table.player thead tr th:nth-child(5) {
    font-size: smaller;
}

table.player tr :nth-child(1) {
  text-align: left;
  width: 20%;
  padding-inline: 2%;
}

table.player tr :nth-child(2),
table.player tr :nth-child(3),
table.player tr :nth-child(4),
table.player tr :nth-child(5) {
  text-align: right;
  width: 7%;
  padding-right: 2%;
}

table.players tr :nth-child(1) {
  text-align: left;
  width: 20%;
  padding-inline: 2%;
}


table.players tr :nth-child(2) {
  text-align: right;
  width: 8%;
  padding-right: 2%;
}

table.playergames tr :nth-child(1) {
  text-align: left;
  width: 14%;
  padding-inline: 2%;
}

table.playergames tr :nth-child(2) {
    text-align: left;
    width: 20%;
    padding-inline: 2%;
}

table.playergames tr :nth-child(3),
table.playergames tr :nth-child(4) {
  text-align: right;
  width: 10%;
  padding-right: 2%;
}

table.arenas tr :nth-child(1) {
  text-align: left;
  width: 50%;
  padding-inline: 2%;
}

table.arenas tr :nth-child(2) {
    text-align: left;
    width: 20%;
    padding-inline: 2%;
}

table.arenas tr :nth-child(3) {
  text-align: right;
  width: 10%;
  padding-right: 2%;
}
table.arena tr :nth-child(1) {
  text-align: left;
  width: 18%;
  padding-inline: 2%;
}

table.arena tr :nth-child(2),
table.arena tr :nth-child(3),
table.arena tr :nth-child(4),
table.arena tr :nth-child(5) {
    text-align: right;
    width: 10%;
    padding-inline: 2%;
}

/*
tr :nth-child(2) {
  text-align: left;
  width: 20%;
  padding-inline: 2%;
}


tr :nth-child(1),
tr :nth-child(3) {
  text-align: right;
  width: 8%;
  padding-right: 2%;
}


tr :nth-child(4) {
  text-align: right;
  width: 10%;
  padding-right: 2%;
}
*/


tbody tr:nth-child(odd) {
  background-color: #eeeeee;
}


@media (prefers-color-scheme: dark) {
    body {color:#c9d1d9;background:#0d1117}
    a:link {color:#58a6ff}
    a:visited {color:#8e96f0}
    tbody tr:nth-child(odd) {
        background-color: #1D2634;
    }
}

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

footer {
  font-size: smaller;
}