/*
This is IetWat's Mortal Kombat 11 CSS Stylesheet

Use it for whatever!   

*/


body {
	font-size: 13pt;
	/*background-image:*/
	background-size: cover;
	color: #d3d3d3;
	background: #231f20;
	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	padding: 10%;
}

h1 {
	font-weight: bold;
	line-height: 1.3em;
	padding-top: 16px;
	margin-bottom: 4px;
	color: #ffad01;
	font: 2.4em "SevenElevenSerif", Lato, "Helvetica Neue", sans-serif;
	text-transform: uppercase;
	/*	background-color: #440809;*/
}

h2,
h3,
h4,
h5,
h6 {
	line-height: 1.1em;
	padding-top: 16px;
	margin-bottom: 4px;
	font-family: "SevenElevenSerif", Lato, "Helvetica Neue", sans-serif;

}

h2 {
	font-weight: bold;
	color: #E6A826;
	background-color: #440809;
	border-style: none;
	font-size: 2em;

}

h3 {
	font-weight: normal;
	color: #fcdfa3;
	background-color: #440809;
	font-size: 1.8em;

}

h4 {
	font-weight: normal;
	color: #E6A826;
	text-transform: uppercase;
	font-size: 1.6em;

}

h5,
h6 {}

h5 {
	color: #E6A826;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.4em;

}

h6 {
	font-weight: normal;
	color: #d3d3d3;
	font-size: 1.4em;

}

img {
	border-radius: 5px;
	display: inline-block;
	margin: 0;
	border: thin none #fdb401;
}

video {

	border-radius: 5px;
	display: inline-block;
	margin: 0;
	border: thin solid #fdb401;
}

dl,
ol,
ul,
p,
blockquote,
pre {
	margin-top: 12px;
	margin-bottom: 18px;
}

a:focus,
a:hover {
	color: #FEC338;
	text-decoration: none;
	background-color: #4c0400;
}

a {
	color: #FEC338;
	text-decoration: underline;
	background-color: #585858;
}

blockquote {
	margin-left: 10;
	margin-right: 0;
	border-left: solid .4em #ddd;
	padding-left: 10px;
	quotes: none;
	background-color: #2a2723;
	color: #FEC338;
	border: thin solid #feb401;
}

strong,
dfn {
	font-weight: bold;
	color: #eaeaea;
}

em,
dfn {
	color: #E6A826;
	font-style: italic;
}

.yellow-highlight,
.green-highlight,
.blue-highlight,
.red-highlight {
	padding-left: 5px;
	padding-right: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px
}

.yellow-highlight {
	background-color: #FEC338;
	color: black
}


.blue-highlight {
	background-color: #35F0F7;
	color: black
}

.red-highlight {
	background-color: #CA0809;
	color: white
}

del {
	color: #CA0809;
	background-color: #fce5ec;
}



pre {
	margin: 1em 0;
	white-space: pre;
}

pre,
code,
tt {
	font: 1em "Bitstream Vera Sans Mono", Courier;
	background-color: #2c2823;
	text-decoration: none;
}

/*code {font-size:90%;}*/
/*pre {text-align:left; overflow-x: scroll; color: #257fa0; background: #f6f6f6; padding: 10pt 15pt; border-radius: 3px; border: solid 1px #e2e2e2;}*/

pre {
	background-color: #2a2723;
	border: #E8E8E8 1px solid;
	color: #d3d3d3;
	display: block;
	margin: 12px 0;
	overflow: auto;
	padding: 6px 10px;
	white-space: pre-wrap;
	word-wrap: break-word;
	cursor: text;
	max-width: 100%;
	overflow: auto;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight: normal;
	font-style: normal;
}

code {
	font-size: .95em;
	color: #cdcdcd;
	background-color: #353a41;
	border-style: none;

	text-decoration: none;
}

p>code {
	color: #feb401;
	border-width: 1px;
	border-style: none;
	font-size: .95em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #2c2823;
	text-decoration: none;
}

.blue-box {
	font-size: 14px;
	line-height: 21px;
	margin: 21px 0;
	background-color: #e5e9ec;
	border-top: 5px #5e6871 solid;
	padding: 12px
}

.blue-box img {
	margin-left: -12px;
	margin-right: -12px
}

.red-box {
	font-size: 14px;
	line-height: 21px;
	margin: 21px 0;
	border: 1px #c00 dotted;
	border-top: 5px #c00 solid;
	padding: 12px
}

.red-box h1,
.gred-box h2,
.red-box h3 {
	margin-top: 0;
	color: #c01600
}

.blue-box h1,
.h2,
.h3 {
	margin-top: 0;
	color: #5e6871
}


ol,
ul {
	margin: .8em 1em;
	padding-left: .8em;
	border-style: none;
}

ol li {
	margin-left: 1em;
	margin-bottom: .3em;
}

ul li {
	margin-left: 1em;
	margin-bottom: .3em;
	color: #E6A826;
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin: .3em 0;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

figure {
	margin: 1em 0;
}

figcaption {
	padding: 0.5em 2em;
	margin-bottom: 2em;
	color: #9f9f9f;
	font-style: italic;
	font-size: 0.75em;
}

figure img {
	margin-bottom: 0px;
}

hr {

	display: block;
	height: 10px;
	/*margin: 1em 0;*/
	/*padding: 0;*/
	/*width: auto;*/
	background-image: url(images/props/separator.png);
	border: 0;
}

h1+hr {
	margin-top: 2em;
}

ol p,
ul p {
	margin-bottom: 0px;
}

li {
	margin-bottom: 0.75em;
	margin-top: 0.75em;
	color: #d3d3d3;
	background-color: rgba(42, 39, 35, 0.66);
}

ol#footnotes {
	font-size: 0.9em;
	padding-top: 1em;
	margin-top: 1em;
	margin-left: 0;
	border-top: 1px solid #eaeaea;
	counter-reset: footer-counter;
	list-style: none;
}

ol#footnotes li {
	margin-bottom: 10px;
	margin-left: 16px;
	font-weight: 400;
	list-style: none;
}

ol#footnotes li:before {
	content: counter(footer-counter) ". ";
	counter-increment: footer-counter;
	font-weight: 800;
	font-size: .9em;
}

@keyframes highfade {
	0% {
		background-color: none;
	}

	20% {
		background-color: yellow;
	}

	100% {
		background-color: none;
	}
}

@-webkit-keyframes highfade {
	0% {
		background-color: none;
	}

	20% {
		background-color: yellow;
	}

	100% {
		background-color: none;
	}
}

a:target,
ol#footnotes li:target,
sup a:target {
	animation-name: highfade;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: highfade;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
}

a:target {
	border: 0;
	outline: 0;
}

animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
}

a:target {
	border: 0;
	outline: 0;
}

tion-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
}

a:target {
	border: 0;
	outline: 0;
}