html, body
{
    font-family: monospace;
    margin: 0;
    padding: 0;
}

#header
{
    background-color: rgb(154, 51, 52);
    padding: 8px 16px;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
}

#header img
{
    margin-top: 10px;
    float: left;
}

nav
{
    display: block;
}

nav ul
{
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    float: right;
    padding-right: 16px;
}

nav li
{
    float: left;
    clear: none;
}

nav a
{
    display: block;
    padding: 1.5em 1em;
    height: 1em;
    text-align: center;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    color: white;
}

nav a:hover,
nav a:focus,
nav a:active
{
    color: #F1F1D4;
}

#wrapper
{
    padding: 8px 16px;
}

table
{

}

tr.heading
{
    font-weight: bold;
}

tr.odd
{
    background-color: #f0f0f0;
}

tr.even
{
    background-color: #fafafa;
}

tr.odd:hover
{
    background-color: #faf0e0;
}

tr.even:hover
{
    background-color: #faf0e0;
}

td
{
    padding: 2px 4px;
}

td.count
{
    font-size: 10px;
    text-align: center;
}

tr.odd td.supported
{
    background-color: #c0e0c0;
}

tr.even td.supported
{
    background-color: #caeaca;
}

tr.odd td.semisupported
{
    background-color: #e0e0c0;
}

tr.even td.semisupported
{
    background-color: #eaeaca;
}

.percentage
{
    display: inline-block;
    background-color: #e0c0c0;
}

.percentage .complete
{
    display: inline-block;
    background-color: #b0e8b0;
}

@media (prefers-color-scheme: dark)
{

html, body
{
    background-color: #252525;
    color: #d0d0d0;
}

a
{
    color: #c0d0f0;
}

tr.odd
{
    background-color: #303030;
}

tr.even
{
    background-color: #404040;
}

tr.odd:hover
{
    background-color: #705040;
}

tr.even:hover
{
    background-color: #705040;
}

tr.odd td.supported
{
    background-color: #507050;
}

tr.even td.supported
{
    background-color: #5a7a5a;
}

tr.odd td.semisupported
{
    background-color: #707040;
}

tr.even td.semisupported
{
    background-color: #7a7a4a;
}

.percentage
{
    background-color: #703939;
}

.percentage .complete
{
    background-color: #507040;
}

}