/*https://stackoverflow.com/questions/7049952/what-are-the-default-margins-for-the-html-heading-tags-h1-h2-h3-etc*/
/*http://howtocenterincss.com/#contentType=div&horizontal=left&vertical=middle*/

/*rgb(73, 57, 122) - pusple as gentoo */
@font-face {
    font-family: Fontin;
    src: url(../Fontin.otf);
}

span, body{
  font-family: Fontin;
}

body {
  margin: 0;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  color: #6fd775;
  background-color: #2d062c;
  line-height: 38px;
}

.header {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  color: #2dff01;
  background-color: #000;
}

.header h2 {
  text-align: center;
}

.progress-container {
  width: 100%;
  height: 8px;
  background: #7a2193;
}

.progress-bar {
  height: 8px;
  background: #04AA6D;
  width: 0%;
}

.content {
  text-align: justify;
  padding: 100px 0;
  margin: 50px auto 0 auto;
  width: 800px;
}

.content_main {
  min-width: 400px;
  width: auto !important;
}
/*heading sizes */

h2 {
  font-size: 1.5em;
  margin: .75em 0;
}

h3 {
  font-size: 2em;
  margin: .83em 0;
}

ul{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  list-style-type:disc;
  margin-left: 40px;
  /*font-size: 12px;*/
  line-height: 2em;
}

.logo{
  position: absolute;
  height: 73px;
  top: 50%;
  transform: translate(18%,-58%);
}

p {
  padding-bottom: 20px;
}

.unselecable {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}

.date {
	position: fixed;
	bottom: 20px;
	z-index: -1;
	width: 100%;
	color: #fff;
	font-family: SanSeif;
	writing-mode: vertical-lr;
}

ol li::marker{
  color: yellow;
}

.sup {
  vertical-align: super;
  text-decoration: none;
  color: yellow;
  list-style: decimal !important;
}

pre {
    border: 2px solid #484848;
    background: black;
    color: gray;
    border-radius: 6px;
    overflow-y: scroll;
}

.content img, .content embed {
  width: 100%; 
}