@charset "UTF-8";



@import url(https://fonts.googleapis.com/css?family=Monoton);



* {

  margin: 0px;

  padding: 0px;

  border: none;

  text-decoration: none;

}



body {

  font-family: "Courier New", Courier, monospace;

  font-size: 12pt;

  background-color: #fff;

  color: #000;

}



.page {

  max-width: 683px;
	
  height: 890px;

  margin: 20px auto;

  background-image: url(china-boat-2.jpg);

  background-position: center top;

  background-repeat: no-repeat;

  border: 0px solid #48D1CC;

  border-radius: 2px;

}



header {

  left: 0px;

  width: 683px;

  padding-top: 340px;

  color: #527E89;

  border: 0px solid #FFE4C4;

}



.chapters {

  margin: auto;

  width: 683px;

  height: 330px;

}



a {

  color: #527E89;

}



a:hover {

  color: #04B9A7;

}



h1 {

  font-family: "Monoton";

  font-size: 50pt;

  line-height: 1.1;

  font-weight: normal;

  padding-top: 0px;

  padding-bottom: 20px;

  text-align: center;

  border: 0px solid #000;

}



h2 {

  font-size: 36pt;

  font-weight: bold;

  text-align: center;

  padding-bottom: 10px;

  border: 0px solid #000;

}



h3 {

  font-size: 12pt;

  font-weight: normal;

  text-align: center;

  padding-bottom: 30px;

}





ul {

  width: 100%;

  text-align: center;

  border: 0px solid #000;

}



li {

  float: left;

  margin-left: 7px;

  width: 90px;

  font-size: 12pt;

  line-height: 1;

  font-weight: bold;

  text-align: center;

  border: none;

  list-style: none;

}



ul a {

  color: #1F1F8E;

  background-color: rgba(58,97,105,.25);

  display: block;

  margin-bottom: 7px;

  padding: 5px;

  border: 0px solid #1F1F8E;

  border-radius: 5px;

}

.centered {
  text-align: center;
}

ul a:hover {

  color: #04B9A7;

  background-color: rgba(58,97,105,.15);

  }