code,
kbd,
pre,
samp
{
    font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

code
{
    font-size: 90%;

    padding: .2rem .4rem;

    color: #bd4147;
    border-radius: .25rem;
    background-color: #f7f7f9;
}

kbd
{
    font-size: 90%;

    padding: .2rem .4rem;

    color: #fff;
    border-radius: .2rem;
    background-color: #333;
    box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
}

kbd kbd
{
    font-size: 100%;
    font-weight: bold;

    padding: 0;

    box-shadow: none;
}

pre
{
    font-size: 90%;

    display: block;

    margin-top: 0;
    margin-bottom: 1rem;

    color: #373a3c;
}

pre code
{
    font-size: inherit;

    padding: 0;

    color: inherit;
    border-radius: 0;
    background-color: transparent;
}

.pre-scrollable
{
    overflow-y: scroll;

    max-height: 340px;
}