/* AwesomeDude styles template for responsive short stories */



/* Last modified May 20 2016 by John Silby (Alien Son) */





/* Reset */



* {

  margin: 0;

  padding: 0;

  border: 0;

  text-decoration: none

}





/* Basics */



body {

  font-family: "Trebuchet MS", Helvetica, sans-serif;

  font-size: 18pt;

  line-height: 1.4;

  color: #fff;

  background-color: #212121;

}



.container {

  width: 90%;

  max-width: 900px;

  margin: 0px auto;

  padding: 1.5em 0;

}



header {

  margin: 0 auto 3em auto;

  height: auto;

}



h1, h2, h3 {

  text-align: center;

}



h1 {

  font-size: 2em;

  font-weight: bold;

}



h2 {

  font-size: 1.5em;

  font-weight: normal;

  padding-top: .5em;

}



h3 {

  font-size: .7em;

  font-weight: normal;

  padding-top: .3em;

}



.image {

  width: 458px;

  margin: 1em auto;

}



p {

  font-size: 1em;

  margin-bottom: 1.4em;

  text-indent: 1.5em;

}





/* Links */



a:link {

  text-decoration: none;

  color: #FFFFFF;

}



a:hover, a:visited:hover {

  text-decoration: none;

  color: #FF8C00;

}



a:visited {

  text-decoration: none;

  color: #20B2AA;

}





/* Special formatting */



.divider {

  font-size: 1.3em;

  font-weight: bold;

  margin: 2.3em auto;

  text-align: center;

}



.b {

  font-weight: bold;

}



.i {

  font-style: italic;

}



.n {

  font-style: normal

}



.c {

  text-align: center;

}



.note {

  font-style: italic;

  width: 90%;

  margin: 3em auto;

  padding: .8em .8em .1em .8em;

  background-color: #7F7F7F;

}



.note p {

  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

  font-size: .9em;

  color: black;

  text-indent: 0;

}





@media screen and (max-width: 800px) {



body {

  font-size: 16pt;

  }



header {

  height: 480px;

}

}





@media screen and (max-width: 650px) {



body {

  font-size: 14pt;

  }



header {

  height: auto;

}

}





@media screen and (max-width: 500px) {



header {

  height: auto;

}

}





@media screen and (max-width: 300px) {



header {

  height: auto;

}

}