/* Code */

code {
   display: inline-block;
   font-family: 'Vera Mono', monospace;
   font-size: .9rem;
   line-height: 1;
   font-weight: 400;
 }

 p code {
   overflow-wrap: break-word;
   word-wrap: break-word;
   -webkit-box-decoration-break: clone;
   box-decoration-break: clone;
   padding: .4rem .3rem .2rem;
   margin: 0 4px;
   border-radius: 2px;
   background: var(--color-contrast-darker);
   color:var(--color-contrast-light);
 }

 pre code::-webkit-scrollbar-thumb {
   background: #666;
   border-radius: .5em;
   box-shadow: inset 2px 2px 2px hsla(0, 0%, 100%, .25), inset -2px -2px 2px rgba(0, 0, 0, .25);
   width: .5em;
   height: .5em;
 }

 pre {
   clear: both;
   color: #fff;
   background: var(--color-contrast-darker);
   tab-size: 2;
   word-break: normal;
   hyphens: none;
   position: relative;
   min-width: 100px;
   max-width: 100%;
   overflow: hidden;
   margin: 2rem 0;
   padding: 1.5rem;
 }

 pre code {
   background: var(--color-contrast-darker);
   white-space: pre-wrap;
   -webkit-overflow-scrolling: touch;
   display: block;
   overflow-x: scroll;
   max-width: 100%;
   min-width: 100px;
   line-height: 1.4;
 }