body {
    margin:30px;
    font-family:'Quicksand';
    color:black;
}
h1,h2 {
    font-family:'Plaster';
    color:black;
}
h1,#footer {
    background:url('hhugcarts17.png');
    color:white;
    font-family:'Plaster';
    margin-top:0px;
    margin-bottom:0px;
    max-height:360px;
    padding:20px;
    border-radius:5px;
}
h1 a,#footer a { 
    color:white;
    text-decoration:none;
}
h1 a:hover,#footer a:hover { 
    opacity:0.95;
}
#content {
    padding-left:20px;
    padding-right:20px;
}
h1 { 
    background-position: center top;
    font-size:50px;
}
#footer {
    background-position:center bottom;
    text-align:right;
    font-size:30px;
    padding:10px;
}
#content,#footer,h1 {
    min-width:560px;
    max-width:1504px;
    margin-left:auto;
    margin-right:auto;
}
table {
    width:100%;
    background:url('hhugcarts17.png');
    
}
th {
    xwhite-space:nowrap;
    color:white;
    font-size:18px;
    font-weight:bold;
    white-space:nowrap;
    text-align:center;
    padding:0 5px 0 5px;
}
td {
    background:white;
    padding:5px;
}  
th,td{
    text-align:center;
}
th.icon {
    padding-left:10px;
}
td span.chinese {
    display:block;
    font-size:80%;
    color:#ff005D;
    font-weight:normal
}
td span.stuff, td span.pn {
    color:#ff005D;
    font-weight:normal;
}    
td span.stuff:before {
    content:"(";
} 
td span.stuff:after {
    content:")";
}
#content a {
    padding:0px 2px 0px 2px;
    background:#FFBAD3;
    background:#BAD3FF;
    background:#BAFFD3;
    background:#84FFB1;
    display:inline-block;
    text-decoration:none;
    color:black;
    white-space:nowrap;
    border-radius: 5px;
}
#content a:hover {
    background:#FF84B1;
    background:#84B1FF;
    background:#84FFB1;
    background:#4EFF8F;
}
td.name {
    font-size:110%;
    font-weight:bold;
}

.compat span:before {
    display:inline-block;
    text-align:center;
    min-width:10px;
    padding-right:3px;
    color:#FFB164;
    content:"!";
    font-weight:bold;
}
.compat.OK span:before {
    content:"✓";
    color:#64FFB1; /* Possibly too light depending on monitor */
}
.compat.No span:before  {
    content:"X";
    color:#FF64B1;
}
.compat.Manual span:before {
    content:"?";
    color:#64B1FF;
}

img.gamescreen {
    image-rendering:optimizeQuality; 
    -ms-interpolation-mode:bicubic;
    width:80px;
    height:72px;
}

td.img-cell {
    padding:0;
    background-color:rgba(0,0,0,0.5);
    vertical-align:middle;
    line-height:0px    
}