.content img {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media (min-width: 768px) {
    .content img {
        max-width: 60%;
    }
}
.highlight {
    background: #f8f9fa;
    color: #212529;
    border-radius: 1em;
    border: 1px solid #e1e1e1;
    padding: 0.5em;
    margin-bottom: 1em;
}
.highlight pre {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-wrap: pretty;
    margin-bottom: 0;
}
th {
    border: 1px solid #e1e1e1;
    padding: 0.5em;
    background-color: #f8f9fa;
    min-width: 9em;
}
th:first-child {
    border-top-left-radius: 1em;
}
th:last-child {
    border-top-right-radius: 1em;
}
tr:last-child td:first-child {
    border-bottom-left-radius: 1em;
}
tr:last-child td:last-child {
    border-bottom-right-radius: 1em;
}
td {
    border: 1px solid #e1e1e1;
    padding: 0.5em;
    background-color: #fff;
}
table {
    margin-bottom: 1rem;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 1em;
}