/* https://kuler.adobe.com/Dark-Sunset-color-theme-2629114/ */

html {
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
  text-align: center;
  background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.06, #F2661F),
	color-stop(0.3, #C91B26),
	color-stop(0.5, #9C0F5F),
	color-stop(0.7, #60047A),
	color-stop(0.9, #160A47)
  );
  background-image: -o-linear-gradient(bottom, #F2661F 6%, #C91B26 30%, #9C0F5F 50%, #60047A 70%, #160A47 90%);
  background-image: -moz-linear-gradient(bottom, #F2661F 6%, #C91B26 30%, #9C0F5F 50%, #60047A 70%, #160A47 90%);
  background-image: -webkit-linear-gradient(bottom, #F2661F 6%, #C91B26 30%, #9C0F5F 50%, #60047A 70%, #160A47 90%);
  background-image: -ms-linear-gradient(bottom, #F2661F 6%, #C91B26 30%, #9C0F5F 50%, #60047A 70%, #160A47 90%);
  background-image: linear-gradient(to bottom, #F2661F 6%, #C91B26 30%, #9C0F5F 50%, #60047A 70%, #160A47 90%);
}

.chapter-button {
  font-family: 'Open Sans', sans-serif;
  padding: 5px;
  background-color: rgba(0,0,0,0.7);
  border-radius: 10px;
  width: 140px;
  color: #fff;
}

.chapter-button a {
  color: #aaa;
}

.previous {
  float: left;
}

.next {
  float: right;
}

section {
  width: 80%;
  margin: 0 auto;
  clear: both;
}

h1 {
  font-family: 'Droid Serif', serif;
  font-size: 3em;
  padding: 0;
  margin: 0;
}

h2 {
  padding: 0;
  margin: 0;
  font-family: 'Droid Serif', serif;
  margin-bottom: 1em;
}

article {
  font-family: 'Open Sans', sans-serif;
  padding: 10px;
  background-color: rgba(0,0,0,0.7);
  border-radius: 10px;
  color: #aaa;
}

section > article > p {
  text-align: justify;
}