section.article article {
	display: block;
	width: 66.66%;
	margin: 32px auto;
	padding: 0px;
	background: transparent;
	border-radius: 0px;
}

section.article article section {
	display: block;
	margin: 32px 0px 0px 0px;
	background: #252530;
	padding: 32px;
	border-radius: 16px;
}

section.article article h2 {
	display: block;
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 16px 0px;
	border: 0px solid transparent;
	border-bottom: 1px solid #ffffff;
	word-break: break-word;
}

section.article article h3 {
	word-break: break-word;
}

section.article article ul {
	display: block;
	margin: 1em 0px 1em 0px;
	padding: 0px 0px 0px 1em;
}

section.article article ul li {
	margin: 0px 0px 0.5em 0px;
}

section.article article ul li:last-of-type {
	margin-bottom: 0px;
}

section.article article img {
	display: block;
	position: relative;
	width: calc(100% + 64px);
	margin: 32px -32px 32px -32px;
	padding: 0px;
}

section.article article section:first-of-type img {
	margin: -32px -32px 32px -32px;
	border-radius: 16px 16px 0px 0px;
}



@page {
	size: A4 portrait;
	margin: 1cm 1cm 0cm 1cm;
}



@media print {

	section.article h1 {
		display: block;
		position: static;
		width: 100vw;
		height: 100vh;
		margin: 0px;
		padding: 0px;
		font-size: 64px;
		line-height: 64px;
		text-align: center;
		vertical-align: middle;
		page-break-before: unset;
		page-break-after: always;
		box-sizing: border-box;
		transform: translate(0%, calc(50% - 64px));
	}

	section.article article {
		display: block;
		position: static;
		width: auto;
		margin: 0px;
		padding: 0px;
		text-align: left;
		background: transparent;
		border-radius: 0px;
		break-before: auto;
	}

	section.article article section {
		display: block;
		margin: 0px;
		padding: 0px;
		background: transparent;
		border-radius: 0px;
		page-break-before: unset;
		page-break-after: always;
	}

	section.article article img {
		width: 100%;
		margin: 32px 0px;
	}

	section.article article section:first-of-type img {
		width: 100%;
		margin: 32px 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}

	footer {
		display: block !important;
		position: fixed;
		top: auto;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: 0px;
		padding: 0px;
		text-align: right;
	}

	footer p:nth-of-type(1) {
		display: none !important;
	}

	footer p:nth-of-type(2) {
		display: block !important;
	}

}



@media screen and (max-width: 740px) {

	section.article article {
		width: auto;
		margin: 32px 0px;
		border-radius: 0px;
	}

	section.article article section {
		padding: 16px;
		border-radius: 8px;
	}

	section.article article img {
		width: calc(100% + 32px);
		margin: 32px -16px 32px -16px;
	}

	section.article article section:first-of-type img {
		margin: -16px -16px 32px -16px;
		border-radius: 8px 8px 0px 0px;
	}

}









/* /---------------------------------------------\ */
/* | Cookie's VIM theme ported to highlight.js   | */
/* | VIM sauce @ github.com/cookiengineer/dotvim | */
/* \---------------------------------------------/ */

/* general */
.hljs-built_in { color: #ff5f87 }
.hljs-class    { color: #ff5f87 }
.hljs-function { color: #d78787 }
.hljs-keyword  { color: #ff5f87 }
.hljs-literal  { color: #32afe5 }
.hljs-number   { color: #ff005f }
.hljs-params   { color: #ffffff }
.hljs-regexp   { color: #5fd75f }
.hljs-string   { color: #5fd75f }
.hljs-subst    { color: #ffffff } /* unsure about this? */
.hljs-symbol   { color: #32afe5 }
.hljs-title    { color: #ffffff }
.hljs-type     { color: #d78787 }

/* meta */
.hljs-comment      { color: #afafaf }
.hljs-doctag       { color: #afafaf }
.hljs-meta         {}
.hljs-meta-keyword { color: #ff5f87 }
.hljs-meta-string  { color: #5fd75f }
.hljs-section      { color: #ffffff }
.hljs-tag          { color: #d78787 }
.hljs-name         { color: #ff5f87 }
.hljs-builtin-name { color: #ff5f87 }
.hljs-attr         { color: #d78787 }
.hljs-attribute    { color: #d78787 }
.hljs-variable     { color: #ffffff }

/* markup */
.hljs-bullet       { color: #ffffff }
.hljs-emphasis     { font-style: italic }
.hljs-formula      { color: #ffffff }
.hljs-link         { text-decoration: underline }
.hljs-quote        { color: #afafaf }
.hljs-strong       { font-weight: bold }

/* css */
.hljs-selector-tag    { color: #d78787 }
.hljs-selector-id     { color: #d78787 }
.hljs-selector-attr   { color: #5fd75f }
.hljs-selector-pseudo { color: #ffffff }

/* templates */

.hljs-template-tag      { color: #d78787 }
.hljs-template-variable { color: #ff5f87 }

/* diff */
.hljs-addition { background-color: #5faf5f }
.hljs-deletion { background-color: #5f0000 }



/* FIXES */

pre.http                 { color: #5fd75f }
pre.http .hljs-attribute { color: #ff5f87 }

pre.javascript .hljs-attr      { color: #ffffff }
pre.javascript .hljs-console   { color: #ffffff }
pre.javascript .hljs-function  { color: #d78787 }
pre.javascript .hljs-let       { color: #32afe5 }
pre.javascript .hljs-new       { color: #32afe5 }
pre.javascript .hljs-null      { color: #ff5f87 }
pre.javascript .hljs-undefined { color: #ff5f87 }