::selection {
	background:#339af0;
	color:#777777
}

::-moz-selection {
	background:#339af0;
	color:#777777
}

code[class*="language-"],
pre[class*="language-"] {
	color:white;
	background:none;
	font-family:"Nanum Gothic Coding", "D2 Coding", Consolas, monospace;
	font-size:1em;
	text-align:left;
	text-shadow:0 -.1em .2em black;
	white-space:pre-wrap;
	word-spacing:normal;
	word-break:normal;
	word-wrap:break-word;
	-moz-tab-size:2;
	-o-tab-size:2;
	tab-size:2;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none
}

pre[class*="language-"],
:not(pre)>code[class*="language-"] {
	background:hsl(0, 0%, 8%);
	/* #141414 */
}


/* Code blocks */

pre[class*="language-"] {
	border-radius:.5em;
	border:.3em solid hsl(0, 0%, 33%);
	/* #282A2B */
	box-shadow:1px 1px .5em black inset;
	margin:.5em 0;
	overflow:auto;
	padding:1em
}

pre[class*="language-"]::-moz-selection {
	/* Firefox */
	background:hsl(200, 4%, 16%);
	/* #282A2B */
}

pre[class*="language-"]::selection {
	/* Safari */
	background:hsl(200, 4%, 16%);
	/* #282A2B */
}


/* Text Selection colour */

pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
	text-shadow:none;
	background:hsla(0, 0%, 93%, 0.15);
	/* #EDEDED */
}

pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
	text-shadow:none;
	background:hsla(0, 0%, 93%, 0.15);
	/* #EDEDED */
}


/* Inline code */

:not(pre)>code[class*="language-"] {
	border-radius:.3em;
	border:.13em solid hsl(0, 0%, 33%);
	/* #545454 */
	box-shadow:1px 1px .3em -.1em black inset;
	padding:.15em .2em .05em;
	white-space:normal
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color:hsl(0, 0%, 47%);
	/* #777777 */
}

.token.punctuation {
	opacity:.7
}

.token.namespace {
	opacity:.7
}

.token.tag,
.token.boolean,
.token.number,
.token.deleted {
	color:hsl(14, 58%, 55%);
	/* #CF6A4C */
}

.token.keyword,
.token.property,
.token.selector,
.token.constant,
.token.symbol,
.token.builtin {
	color:hsl(53, 89%, 79%);
	/* #F9EE98 */
}

.token.attr-name,
.token.attr-value,
.token.string,
.token.char,
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable,
.token.inserted {
	color:hsl(76, 21%, 52%);
	/* #8F9D6A */
}

.token.atrule {
	color:hsl(218, 22%, 55%);
	/* #7587A6 */
}

.token.regex,
.token.important {
	color:hsl(42, 75%, 65%);
	/* #E9C062 */
}

.token.important,
.token.bold {
	font-weight:bold
}

.token.italic {
	font-style:italic
}

.token.entity {
	cursor:help
}


/* Markup */

.language-markup .token.tag,
.language-markup .token.attr-name,
.language-markup .token.punctuation {
	color:hsl(33, 33%, 52%);
	/* #AC885B */
}


/* Make the tokens sit above the line highlight so the colours don't look faded. */

.token {
	position:relative;
	z-index:1
}

.line-highlight.line-highlight {
	background:hsla(0, 0%, 33%, 0.25);
	/* #545454 */
	background:linear-gradient(to right, hsla(0, 0%, 33%, .1) 70%, hsla(0, 0%, 33%, 0));
	/* #545454 */
	border-bottom:1px dashed hsl(0, 0%, 33%);
	/* #545454 */
	border-top:1px dashed hsl(0, 0%, 33%);
	/* #545454 */
	margin-top:0.75em;
	/* Same as .prism's padding-top */
	z-index:0
}

.line-highlight.line-highlight:before,
.line-highlight.line-highlight[data-end]:after {
	background-color:hsl(215, 15%, 59%);
	/* #8794A6 */
	color:hsl(24, 20%, 95%);
	/* #F5F2F0 */
}

pre[class*="language-"].line-numbers {
	position:relative;
	padding-left:3.8em;
	counter-reset:linenumber
}

pre[class*="language-"].line-numbers>code {
	position:relative;
	white-space:inherit
}

.line-numbers .line-numbers-rows {
	position:absolute;
	pointer-events:none;
	top:0;
	font-size:100%;
	left:-3.8em;
	width:3em;
	color:gray;
	/* works for line-numbers below 1000 lines */
	letter-spacing:-1px;
	border-right:1px solid #999
}

.line-numbers-rows>span {
	display:block;
	counter-increment:linenumber
}

.line-numbers-rows>span:before {
	content:counter(linenumber);
	color:#999;
	background-color:black;
	display:block;
	padding-right:0.8em;
	text-align:right
}

.bright {
	code[class*="language-"],
	pre[class*="language-"] {
		color:black;
		background:none;
		font-family:"Nanum Gothic Coding", "D2 Coding", Consolas, monospace;
		font-size:1em;
		text-align:left;
		white-space:pre-wrap;
		word-spacing:normal;
		word-break:normal;
		word-wrap:break-word;
		text-shadow:none;
		-moz-tab-size:2;
		-o-tab-size:2;
		tab-size:2;
		-webkit-hyphens:none;
		-moz-hyphens:none;
		-ms-hyphens:none;
		hyphens:none
	}
	/* Code blocks */
	pre[class*="language-"] {
		position:relative;
		margin:.5em 0;
		overflow:visible;
		padding:1px
	}
	pre[class*="language-"]>code {
		position:relative;
		z-index:1;
		border-left:10px solid #358ccb;
		box-shadow:-1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
		background-color:#fdfdfd;
		background-image:linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
		background-size:3em 3em;
		background-origin:content-box;
		background-attachment:local;
		user-select:text;
		-webkit-user-select:text;
		-moz-user-select:text;
		-ms-user-select:text;
		pointer-events:auto
	}
	code[class*="language-"] {
		max-height:inherit;
		height:inherit;
		padding:0 1em;
		display:block;
		overflow:auto;
		user-select:text;
		-webkit-user-select:text;
		-moz-user-select:text;
		-ms-user-select:text;
		pointer-events:auto
	}
	/* Margin bottom to accommodate shadow */
	 :not(pre)>code[class*="language-"],
	pre[class*="language-"] {
		background-color:#fdfdfd;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin-bottom:1em
	}
	/* Inline code */
	 :not(pre)>code[class*="language-"] {
		position:relative;
		padding:.2em;
		border-radius:0.3em;
		color:#c92c2c;
		border:1px solid rgba(0, 0, 0, 0.1);
		display:inline;
		white-space:normal
	}
	pre[class*="language-"]:before,
	pre[class*="language-"]:after {
		content:'';
		display:block;
		position:absolute;
		bottom:0.75em;
		left:0.18em;
		width:40%;
		height:20%;
		max-height:13em;
		box-shadow:0px 13px 8px #979797;
		-webkit-transform:rotate(-2deg);
		-moz-transform:rotate(-2deg);
		-ms-transform:rotate(-2deg);
		-o-transform:rotate(-2deg);
		transform:rotate(-2deg);
		pointer-events:none
	}
	pre[class*="language-"]:after {
		right:0.75em;
		left:auto;
		-webkit-transform:rotate(2deg);
		-moz-transform:rotate(2deg);
		-ms-transform:rotate(2deg);
		-o-transform:rotate(2deg);
		transform:rotate(2deg)
	}
	.token.comment,
	.token.block-comment,
	.token.prolog,
	.token.doctype,
	.token.cdata {
		color:#7D8B99
	}
	.token.punctuation {
		color:#5F6364
	}
	.token.property,
	.token.tag,
	.token.boolean,
	.token.number,
	.token.function-name,
	.token.constant,
	.token.symbol,
	.token.deleted {
		color:#c92c2c
	}
	.token.selector,
	.token.attr-name,
	.token.string,
	.token.char,
	.token.function,
	.token.builtin,
	.token.inserted {
		color:#2f9c0a
	}
	.token.operator,
	.token.entity,
	.token.url,
	.token.variable {
		color:#a67f59;
		background:rgba(255, 255, 255, 0.5)
	}
	.token.atrule,
	.token.attr-value,
	.token.keyword,
	.token.class-name {
		color:#1990b8
	}
	.token.regex,
	.token.important {
		color:#e90
	}
	.language-css .token.string,
	.style .token.string {
		color:#a67f59;
		background:rgba(255, 255, 255, 0.5)
	}
	.token.important {
		font-weight:normal
	}
	.token.bold {
		font-weight:bold
	}
	.token.italic {
		font-style:italic
	}
	.token.entity {
		cursor:help
	}
	.token.namespace {
		opacity:.7
	}
	@media screen and (max-width:767px) {
		pre[class*="language-"]:before,
		pre[class*="language-"]:after {
				bottom:14px;
				box-shadow:none;
		}
	}
	/* Plugin styles:Line Numbers */
	pre[class*="language-"].line-numbers.line-numbers {
		padding-left:0
	}
	pre[class*="language-"].line-numbers.line-numbers code {
		padding-left:3.8em
	}
	pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
		left:0
	}
	/* Plugin styles:Line Highlight */
	pre[class*="language-"][data-line] {
		padding-top:0;
		padding-bottom:0;
		padding-left:0
	}
	pre[data-line] code {
		position:relative;
		padding-left:4em
	}
	pre .line-highlight {
		margin-top:0
	}
	pre[class*="language-"].line-numbers {
		position:relative;
		padding-left:3.8em;
		counter-reset:linenumber
	}
	pre[class*="language-"].line-numbers>code {
		position:relative;
		white-space:inherit
	}
	.line-numbers .line-numbers-rows {
		position:absolute;
		pointer-events:none;
		top:0;
		font-size:100%;
		left:-3.8em;
		width:3em;
		color:gray;
		/* works for line-numbers below 1000 lines */
		letter-spacing:-1px;
		border-right:1px solid #999
	}
	.line-numbers-rows>span {
		display:block;
		counter-increment:linenumber
	}
	.line-numbers-rows>span:before {
		content:counter(linenumber);
		color:#999;
		background-color:white;
		display:block;
		padding-right:0.8em;
		text-align:right
	}
}
