pre.code {
    width: 100%;
}

code {
    border-radius: 6px;
    background-color: rgba(27, 31, 35, 0.1);
    padding: .2em .4em;
    margin: 0;
    text-shadow: none;
}

dl {
    width: 55%;
}

header {
    margin-left: 0.2rem;
}

header table {
    margin-left: 1.5rem;
}

header table caption {
    font-weight: bold;
    text-align: left;
}

header table td {
    padding-right: 1rem;
}

header table td.time {
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 1rem;
}

.centered-triplet td:first-child, .centered-triplet th:first-child {
    text-align: right;
}

.centered-triplet td, .centered-triplet th {
    padding: 0 1rem;
    text-align: center;
}

.centered-triplet td:last-child, .centered-triplet th:last-child {
    text-align: left;
}

.separator {
    margin: 0 20%;
    width: 25%;
    border-top-color: #eee;
    border-top-style: solid;
}

@media screen and (max-width: 760px) {
    dl {
        width: 90%;
    }

    header table {
        margin-left: 0.5rem;
    }

    header table td {
        padding-right: 0.5rem;
    }

    .separator {
        margin: 0 15%;
        width: 50%;
    }
}