* {
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
}

body {
  background-color: #181a1b;
  color: #e8e6e3;
  line-height: 1.5;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;

  /* Counter init to avoid runtime creation in (pseudo) element*/
  counter-reset: c_h2 c_h3 c_h4 c_h5;
}

.accent_one {
  color: #9d03fc;
}

.accent_two {
  color: #067e96;
}

#content_container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 1em;
  padding-right: 1em;
}

.left {
  float: left;
}

.right {
  float: right;
}

.fix {
  clear: both;
}

.infobox {
  border-left: 2px dashed #067e96;
  width: 100%;
  margin-left: 5px;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 8px;
  background-color: #1f2224;
}

.code {
  font-family: monospace;
}

.space_1 {
	padding-bottom: 3em;
}

.space_2 {
	padding-bottom: 1.5em;
}

.header {
	font-size: 1.3em;
}

.bold {
	font-weight: bold;
}

.it {
	font-style: italic;
}

h2:before {
  content: counter(c_h2) ".\0000a0\0000a0";
  counter-increment: c_h2;
}

h3:before {
  content: counter(c_h2) "." counter(c_h3) ".\0000a0\0000a0";
  counter-increment: c_h3;
}

h4:before {
  content: counter(c_h2) "." counter(c_h3) "." counter(c_h4) ".\0000a0\0000a0";
  counter-increment: c_h4;
}

h5:before {
  content: counter(c_h2) "." counter(c_h3) "." counter(c_h5) "." counter(h6counter) ".\0000a0\0000a0";
  counter-increment: c_h5;
}


h1 {
	padding-top: 1em;
	counter-reset: c_h2;
}

h2 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	counter-reset: c_h3;
}

h3 {
	counter-reset: c_h4;
}

h4 {
	counter-reset: c_h5;
}

h3, h4, h5 {
	margin-top: 1em;
	margin-bottom: 0.25em;
	font-style: italic;
}

h2.noindex:before, h3.noindex:before, h4.noindex:before, h5.noindex:before {
	content: "";
}

a {
	color: #e8e6e3;
	text-decoration-color: #9d03fc;
	transition: 0.5s;
	text-decoration-thickness: 3px;
}

a:hover {
	text-decoration-color: #067e96;
}

.chapter-indent-1 {
	padding-left: 0.75em;
	border-left: 2px solid #103d02;
}

.chapter-indent-2 {
	padding-left: 1.5em;
	border-left: 2px solid #103d02;
}

.chapter-indent-3 {
	padding-left: 2.25em;
	border-left: 2px solid #103d02;
}

img {
	max-width: 100%;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}