.text-wrapper > .video-wrapper, 
.text-wrapper > img {
    position: relative;
    z-index: 2;
}
.video-wrapper + .code-block, 
img + .code-block {
    position: relative;
    z-index: 1;
    margin-top: -30px;
    border-radius: 25px;
    overflow: hidden;
    color:#C6D1DC;
    background:#101926;
    padding: 0 5px;
}
.code-block-inner {
    max-height: 115px;
    overflow-y: auto;
    margin: 3em 0 1.5em;
    padding-bottom: .5em;
}
.code-block-inner > pre {
    padding: 0;
    border: none;
    margin: 0;
    border-radius: 0;
    background:#101926;
    color: #FFF;
}
.code-block-inner > pre.hljs-copy-wrapper {
    position: static;
}
.code-block-inner::-webkit-scrollbar, 
.code-block-inner::-webkit-scrollbar-track {
    background-color:#101926;
    width: 10px;
}
.code-block-inner::-webkit-scrollbar-thumb {
    background-color:#48C4D8;
    border-radius: 5px;
}
.code-block .hljs-copy-button {
    top: 3.75em;
    right: 3em;
    border-radius: 10px;
    border: none;
    background-color: #31435B;
    color: #FFF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512'%3E%3Cpath d='M216.6 105.4c9.6-9.2 9.9-24.3 .8-33.9s-24.3-9.9-33.9-.8l-176 168C2.7 243.2 0 249.4 0 256s2.7 12.8 7.4 17.4l176 168c9.6 9.2 24.8 8.8 33.9-.8s8.8-24.8-.8-33.9L58.8 256 216.6 105.4zm142.9 0L517.2 256 359.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9z' fill='%23FFF'/%3E%3C/svg%3E");
    background-size: 70%;
    transform: none;
}
pre code.hljs,
pre .code {
display:block;
overflow-x:auto;
padding:0 2em
}
code.hljs,
.code {
padding:3px 5px
}
.code-block code, 
.hljs, 
.code {
color:#C6D1DC;
background:#101926;
display:block;
overflow-x:auto;
padding:3em 2em 2em
}
.hljs-comment,
.hljs-quote {
color:#5c6370;
font-style:italic
}
.hljs-doctag,
.hljs-formula,
.hljs-keyword {
color:#c678dd
}
.hljs-deletion,
.hljs-name,
.hljs-section,
.hljs-selector-tag,
.hljs-subst {
color:#e06c75
}
.hljs-literal {
color:#56b6c2
}
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-string {
color:#9AFFA7
}
.hljs-attr,
.hljs-number,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-pseudo,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
color:#C6D1DC
}
.hljs-number {
color:#FF5958
}
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-symbol,
.hljs-title {
color:#9AFFE1
}
.hljs-built_in,
.hljs-class .hljs-title,
.hljs-title.class_ {
color:#e6c07b
}
.hljs-emphasis {
font-style:italic
}
.hljs-strong {
font-weight:700
}
.hljs-link {
text-decoration:underline
}
.code strong, 
.code b {
    color: #48C4D8;
}