/* Background image */
html {
    /* position: fixed; */
    top: 0;
    left: 0;

    /* Preserve aspect ratio */
    min-width: 100%;
    min-height: 100%;

    background-repeat: repeat;

    /* Do NOT put URL image filename in quotes!   FF does not like that */
    background-image: url(cards-background.jpg);
    background-color: rgba(255,255,255);    /* for backwards compatibility */
    background-color: rgba(255,255,255,0.9);
    background-blend-mode: lighten;
    /* support various browsers in attempt to cover entire page */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='cards-background.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='cards-background.jpg',sizingMethod='scale')";
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;          /* supposed to force covering whole page, but doesn't */
    /* You may add things like width, height, background-size... */
}

table.gamelist {
  width: 600px;
  border-collapse: collapse;
  border-spacing: 2px;
  border-style: solid;
  border: 1px solid black;
}

.gamelist th {
  border-collapse: collapse;
  border-spacing: 2px;
  border-style: solid;
}

.gamelist td {
  text-align: center;
  border-style: solid;
}

.tg {
    margin-left: auto;
    margin-right: auto;
    border-collapse:collapse;border-spacing:0;
}
.tg td{font-family:Arial, sans-serif;font-size:16px;padding:10px 5px;
    border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Arial, sans-serif;font-size:18px;font-weight:normal;padding:10px 5px;
    border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-data{text-align:center;vertical-align:top}

.tg .tg-row:nth-child(odd) {
  background-color: #f1f1f1;
}

.tg .tg-row:nth-child(even) {
  background-color: #ffffff;
}