html, body {
    /* modernfontstacks monospace code */
    font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-weight: normal;
    background-color: white;
    color: black;
    font-size: 100%;
}

a, a:visited {
    color: blue;
}

a:active, a:focus {
    color: red;
}

body {
    max-width: 45rem;
    margin: 1.5rem auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-top: 0.15rem solid black;
    border-bottom: 0.1rem solid black;
    margin: 1.5rem 0;
}

th, td {
    padding: 0.75rem;
}

.indexcolicon {
    width: 2.5ch;
    padding-right: 0;
}

.indexcolname {
    padding-left: 0;
}

tr:nth-child(2n) td {
    background-color: hsl(0, 0%, 90%);
}

th {
    border-bottom: 0.15rem solid black;
}

td.indexcolicon a {
    padding-right: 0.5ch;
}

td.indexcolicon img {
    width: 2ch;
}

.indexcollastmod {
    width: 18ch;
}

.indexcolsize {
    width: 8ch;
    text-align: right;
}

@media screen and (prefers-color-scheme: dark) {
    html, body {
        background-color: black;
        color: white;
    }

    a, a:visited {
        color: hsl(240, 80%, 80%);
    }

    a:active, a:focus {
        color: hsl(0, 80%, 80%);
    }

    th, td, table {
        border-color: white;
    }

    tr:nth-child(2n) td {
        background-color: hsl(0, 0%, 15%);
    }
}

@media screen and (max-width: 45rem) {
    th, td {
        padding: 0.375rem;
    }
}