.content {
    text-align: left;
}

.content-page {
    position: relative;
    box-sizing: border-box;
    margin-left: 300px;
    z-index: 2;
    background-color: #fff;
    min-height: 100%;
    padding-bottom: 1px;
}

.content-code {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #323f4c;
    border-color: #323f4c;
}

.content {
    position: relative;
    z-index: 30;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content p,
.content table,
.content aside,
.content dl,
.content ul,
.content ol,
.content .central-overflow-x {
    box-sizing: border-box;
    display: block;

}

.content .central-overflow-x {
    margin-right: calc(50% + 28px);
    margin-left: 28px;
    padding: 0;
    overflow-y: hidden;
    max-width: 100%;
    display: block;
}

.content p .central-overflow-x {
    margin-right: 0;
    margin-left: 0;
}

.break-word {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.content ul,
.content ol {
    padding: 0 44px;
}

.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-size: 15px;
    margin-top: 2.5em;
    margin-bottom: 0.8em;
    color: #034c8f;
    text-transform: uppercase;
}

.content h2 {
    font-size: 1.333em;
}

.content h4 {
    color: #00a8e3;
    margin-top: 0;
    text-transform: none;
    font-size: 14px;
    margin-bottom: 0.2em;
}

.content-page .content p,
.content-page .content pre {
    max-width: 680px;
}

.content pre,
.content blockquote {
    background-color: #323f4c;
    border-color: #323f4c;
    color: #fff;
    padding: 0 28px 2em;
    margin: 0;
    width: 50%;
    float: right;
    clear: right;
    box-sizing: border-box;
}

.content pre code, .content pre {
    font-size: 12px;
    line-height: 1.5;
}

.content blockquote,
.content pre,
.content pre code {
    padding-top: 0;
    margin-top: 0;
}

.content pre code {
    margin-top: -2em;
}

.content table {
    font-size: 0.825em;
    margin-bottom: 1.5em;
    border-collapse: collapse;
    border-spacing: 0;
}

.content table tr:last-child {
    border-bottom: 1px solid #ccc;
}

.content table th {
    font-size: 0.925em;
    padding: 5px 18px 5px 0;
    border-bottom: 1px solid #ccc;
    vertical-align: bottom;
    text-align: left;
    line-height: 1.6;
}

.content table td {
    padding: 5px 18px 5px 0;
    text-align: left;
    vertical-align: top;
    line-height: 1.6;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #777A7A;
}
.hljs {
	display:block;
	overflow-x:auto;
	padding:0.5em;
	background:#323F4C;
}
.hljs {
	color:#fff;
}
.hljs-strong,.hljs-emphasis {
	color:#a8a8a2
}
.hljs-bullet,.hljs-quote,.hljs-link,.hljs-number,.hljs-regexp,.hljs-literal {
	color:#6896ba
}
.hljs-code,.hljs-selector-class {
	color:#a6e22e
}
.hljs-emphasis {
	font-style:italic
}
.hljs-keyword,.hljs-selector-tag,.hljs-section,.hljs-attribute,.hljs-name,.hljs-variable {
	color:#cb7832
}
.hljs-params {
	color:#b9b9b9
}
.hljs-string {
	color:#6a8759
}
.hljs-subst,.hljs-type,.hljs-built_in,.hljs-builtin-name,.hljs-symbol,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-template-tag,.hljs-template-variable,.hljs-addition {
	color:#e0c46c
}
.hljs-comment,.hljs-deletion,.hljs-meta {
	color:#7f7f7f
}