@font-face {
	font-family: AndikaW;
	font-weight: 400;
	src: url(Andika-Regular.woff2);
}

@font-face {
	font-family: AndikaW;
	font-weight: 500;
	src: url(Andika-Medium.woff2);
}

@font-face {
	font-family: AndikaW;
	font-weight: 600;
	src: url(Andika-SemiBold.woff2);
}

@font-face {
	font-family: AndikaW;
	font-weight: 700;
	src: url(Andika-Bold.woff2);
}

@font-face {
	font-family: AndikaW;
	font-weight: 400;
	font-style: italic;
	src: url(Andika-Italic.woff2);
}

@font-face {
	font-family: AndikaW;
	font-weight: 500;
	font-style: italic;
	src: url(Andika-MediumItalic.woff2);
}

@font-face {
	font-family: AndikaW;
	font-weight: 600;
	font-style: italic;
	src: url(Andika-SemiBoldItalic.woff2);
}

@font-face {
	font-family: AndikaW;
	font-weight: 700;
	font-style: italic;
	src: url(Andika-BoldItalic.woff2);
}

@font-face {
	font-family: AnonymousPro; 
	src: url("Anonymous Pro B.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: Sans; 
	src: url("Anonymous Pro BI.ttf") format("truetype");
	font-style: italic;
	font-weight: 700;
}


@font-face {
	font-family: Sans; 
	src: url("Anonymous Pro I.ttf") format("truetype");
	font-style: italic;
	font-weight: 400;
}

@font-face {
	font-family: Sans; 
	src: url("Anonymous Pro.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: CharisW;
	font-weight: 400;
	src: url(Charis-Regular.woff2);
}

@font-face {
	font-family: CharisW;
	font-weight: 500;
	src: url(Charis-Medium.woff2);
}

@font-face {
	font-family: CharisW;
	font-weight: 600;
	src: url(Charis-SemiBold.woff2);
}

@font-face {
	font-family: CharisW;
	font-weight: 700;
	src: url(Charis-Bold.woff2);
}

@font-face {
	font-family: CharisW;
	font-weight: 400;
	font-style: italic;
	src: url(Charis-Italic.woff2);
}

@font-face {
	font-family: CharisW;
	font-weight: 500;
	font-style: italic;
	src: url(Charis-MediumItalic.woff2);
}

@font-face {
	font-family: CharisW;
	font-weight: 600;
	font-style: italic;
	src: url(Charis-SemiBoldItalic.woff2);
}

@font-face {
	font-family: CharisW;
	font-weight: 700;
	font-style: italic;
	src: url(Charis-BoldItalic.woff2);
}

body {
	background: #474747;
	background: linear-gradient(90deg,rgba(71, 71, 71, 1) 0%, rgba(63, 63, 63, 1) 64%, rgba(49, 49, 49, 1) 100%);
	font-family: CharisW;
	font-size: 14pt;
	color: #dadada;
	margin-left: max(0vw, min(15vw, calc((100vw - 1000px) / 2)));
	margin-right: max(0vw, min(15vw, calc((100vw - 1000px) / 2)));
}

body > * {
	margin: 5px 0px;
}

p {
	margin: 10px 0px;
}

a:link {
	color: #96b1d6;
}

/* visited link */
a:visited {
	color: #b9a8b8;
}

/* mouse over link */
a:hover {
	color: #8cb0b8;
}

/* selected link */
a:active {
	color: #19d4fa;
}

i, em, b, strong {
	color: #ecd7d8;
}

img {
	border: 1px solid #d09b9d;
	border-radius: 1vw;
	padding: 5px;
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	color: #ecd7d8;
	text-align: center;
	font-family: AndikaW;
	font-weight: 700;
	font-size: 32pt;
	background-color: #a1383c;
	border-radius: 1vw;
	box-shadow: 0 4px 8px 0 rgba(96, 33, 36, 0.5), 0 6px 20px 0 rgba(96, 33, 36, 0.2);
	border-bottom: 5px solid #313131;
	padding: 6px;
	margin: 20px 0px;
}

h2 {
	text-align: center;
	font-family: AndikaW;
	font-weight: 600;
	font-size: 26pt;
	background-color: #903236;
	color: #d9afb1;
	box-shadow: 0 4px 8px 0 rgba(96, 33, 36, 0.5), 0 6px 20px 0 rgba(96, 33, 36, 0.2);
	border-bottom: 4px solid #313131;
	border-radius: 1vw;
	padding: 4px;
	margin: 0px max(0vw, min(0.5vw, calc((100vw - 40px) / 2)));
}

h3 {
	color: #d09b9d;
	text-align: center;
	font-family: AndikaW;
	font-weight: 500;
	font-size: 24pt;
	background-color: #802c30;
	border-radius: 1vw;
	box-shadow: 0 4px 8px 0 rgba(96, 33, 36, 0.5), 0 6px 20px 0 rgba(96, 33, 36, 0.2);
	padding: 3px;
	margin: 0px max(0vw, min(1vw, calc((100vw - 40px) / 2)));
	border-bottom: 3px solid #313131;
}

h4 {
	color: #c6878a;
	text-align: center;
	font-family: AndikaW;
	font-weight: 500;
	font-size: 20pt;
	background-color: #70272a;
	border-bottom: 3px dotted #313131;
	box-shadow: 0 4px 8px 0 rgba(96, 33, 36, 0.5), 0 6px 20px 0 rgba(96, 33, 36, 0.2);
	padding: 2px;
	margin: 0px max(0vw, min(1.5vw, calc((100vw - 40px) / 2)));
}

h5 {
	color: #bd7376;
	text-align: center;
	font-family: AndikaW;
	font-weight: 500;
	font-size: 18pt;
	border-bottom: 3px dotted #313131;
	font-style: italic;
	box-shadow: 0 4px 8px 0 rgba(96, 33, 36, 0.5), 0 6px 20px 0 rgba(96, 33, 36, 0.2);
	background-color: #0e0e0e;
	margin: 0px max(0vw, min(2vw, calc((100vw - 40px) / 2)));
}

h6 {
	color: #b35f62;
	text-align: center;
	font-family: AndikaW;
	font-weight: 400;
	font-size: 16pt;
	font-style: italic;
	border-bottom: 2px dotted #313131
	box-shadow: 0 4px 8px 0 rgba(96, 33, 36, 0.5), 0 6px 20px 0 rgba(96, 33, 36, 0.2);
	background-color: #0e0e0e;
	margin: 0px max(0vw, min(2.5vw, calc((100vw - 40px) / 2)));
}

pre {
	//background-color: #4b5239;
	background: #475466;
	background: linear-gradient(90deg,rgba(71, 84, 102, 1) 0%, rgba(62, 73, 89, 1) 34%, rgba(43, 50, 61, 1) 100%);
	//line-height: 0.5;
	color: ecd7d8;
	padding: 2px 10px;
	box-shadow: 0 4px 8px 0 rgba(38, 41, 29, 0.5), 0 6px 20px 0 rgba(38, 41, 29, 0.2);
	font-family: AnonymousPro;
}

blockquote {
	background: #595959;
	background: linear-gradient(90deg, rgba(89, 89, 89, 1) 0%, rgba(71, 71, 71, 1) 34%, rgba(79, 62, 62, 1) 100%);
	color: ecd7d8;
	padding: 10px 10px;
	box-shadow: 0 4px 8px 0 rgba(38, 41, 29, 0.5), 0 6px 20px 0 rgba(38, 41, 29, 0.2);
	color: #d4e3f2;
	font-family: CharisW;
	font-style: italic;
	margin: 4px 4px 4px max(0vw, min(3vw, calc((100vw - 100px) / 2)));
}