code {

background-color: var(--code-background-color);
color: var(--code-color);
padding: 0.2em 0.4em;
font-family: var(--code-font-family);
font-size: var(--code-font-size);
border-radius: 3px;
white-space: nowrap;

}

a code {

background-color: inherit;
color: inherit;
padding: 0;

}

h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {

background-color: var(--body-background-color);
color: var(--body-color);
padding: 0;

}

pre {

line-height: 1.25;
padding: 16px;
overflow: auto;

}

.content__inner-container pre {

border-radius: 4px;

}

pre, pre code {

color: var(--pre-code-color);
background-color: var(--pre-code-background-color);

}

pre code strong {

color: white;

}

pre code {

padding: 0;
white-space: pre;

}

/** Fix code blocks created with Jekyll's {% highlight %} tag.

*  It outputs:
*    <figure class="highlight">
*      <pre>
*        <code>
*          <table>
*            <tbody>
*              <tr>
*              <td>
*                <pre>
*  See https://github.com/jekyll/jekyll/issues/6448 */

figure.highlight > pre {

padding: 0;

} figure.highlight pre {

margin: 0;

}