.section-number {
    display: none;
}

pre {
    border: 1px solid #ccc;
    box-shadow: 3px 3px 3px #eee;
    padding: 8pt;
    font-family: monospace;
    overflow-x: auto;
    overflow: auto;
    margin: 1.3em;
}

.title-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer {
    text-align: right;
    font-style: italic;
}

p img {
    max-width: 30em;
    box-shadow: 3px 3px 3px #eee;
}
@media all and (max-width: 500px) {
    p img {
        max-width: 250px;
    }

    iframe {
        max-width: 250px;
    }
}

table {
    color: inherit;
}