*
  {margin:0;padding:0;}
body {
  overflow-x: hidden;
  background-color: AntiqueWhite;
}
.nav {
  position: relative;
  background-color:Cornsilk;
  border-bottom: 3px double;
  height: 95px;
}
h2 {margin-top: 50px;
  margin-right: 0px;
  margin-left: 20px;
  margin-bottom:0px;
  text-align: left;
   background-color:"AntiqueWhite;"}
h4 {
  margin-top: 10px;
  margin-right: 100px;
  margin-left: 100px;
  text-align: center;
  background-color:"AntiqueWhite;"}
.noli{
  float:left;
  position: relative;
  background: linear-gradient(to bottom, #d2b48c 0%, #663300 100%);
  border: black solid 3px;
  list-style-type: none;
  overflow: visible;
  margin-left: 0px;
  padding: 0px 8px;
  display: block
}
.noli a{
  float:center;
  position: relative;
  background: linear-gradient(to bottom, #993300 -15%, #ffcc00 107%);
  list-style-type: none;
}
.noli a:hover{
  color:pink;
}
ul {
  position: relative;
  float:left;
  top:20px;
  width: 800px;
  list-style-type: none;
  margin: 0px;
  padding-right: 40px;
  background-color: black;
  display: inline-block;
}
.noli p{
  font-family:Black Clover Font;
  text-align: center;
  font-weight: bold;
  font-size:60px;
  height: 85px;
  width: 400px;
}
.border {
  background-color: PapayaWhip;
  border-style: double;
  border: black double 3px;
  padding: 0px 0px; 
  float:right;
}
.aborder {
  background-color: PapayaWhip;
  max-height: 5000px;
  max-width: 750px;
  margin-left: 10px;
  margin-top:10px;
  border: black double 3px;
  padding: 5px 3px;
}
.view {
  background-color: darksalmon;
  border-top: solid 1px;
  border-bottom: solid 1px;
  text-align: center;
  margin-right: 200px;
  margin-left: 200px;
  display: block;
  margin:0;padding:0;
}
li a {
  border-right:0.5px solid #bbb;
  border-left:0.5px solid #bbb;
  display: inline-block;
  color: white;
  text-align: right;
  padding: 15px 30px;
  text-decoration: none;}
li a:hover {background-color: #111111;}
li {
  float: right;
}
li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 40px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color:#595959;
}

li.dropdown {
  display: block;
  float:right;
}
.dropdown-content {
  padding: 0px;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 10px 16px;
  text-decoration: none;
   display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}
.links {
  text-align: left;
  display:inline-block;
  text-decoration: none;
  padding: 10px;
  column-count: 2;
}
.links a{
  color: brown;
  text-decoration: none;
}
.links a:hover {
  background-color: #D98880;
}
.button {
  margin-top: 5px;
  background-color: PapayaWhip;
  position: absolute;
  top:1691px;
  margin-left: 5px;
  border: 1.5px solid;
  text-align:center;
  display: inline-block;
  padding: 0px 355px;
}
.buttons{
  margin-top: 5px;
  background-color: PapayaWhip;
  position: absolute;
  top:1690px;
  margin-left: 5px;
  border: 1.5px solid;
  text-align:center;
  display: inline-block;
  padding: 0px 341px;
}
.buttonss{
  margin-top: 0px;
  background-color: PapayaWhip;
  position: absolute;
  top:1696px;
  margin-left: 5px;
  border: 1.5px solid;
  text-align:center;
  display: inline-block;
  padding: 0px 373px;
}
.next a{
  background-color: FloralWhite ;
  border: 1px solid;
  text-decoration: none;
  font-size: 20px;
  padding:13px;
  display: inline-block;
  text-align: center;
  margin:0px;
}
.prev a{
  background-color: Linen;
  border: 1px solid;
  text-decoration: none;
  font-size: 20px;
  padding:13px;
  display: inline-block;
  text-align: center;
}
.chapter {
  position: absolute;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 5px;
  border: 1px solid black;
  max-height: 1557px;
  max-width: 73%;
  padding: 10px;
  overflow: auto;
  display: inline-block;
  background-image: url('back.jpeg');
  background-repeat: no-repeat;
  background-size: cover;
}
.chapternav {
  background-color: PapayaWhip;
  border-style: double;
  border: black double 3px;
  margin-top: 10px;
  margin-left: 5px;
  overflow: hidden;
  border: 1px solid black;
  max-height: 5000px;
  max-width: 300px;
  display: inline-block;
}
.chapternav a{
  margin: 5px;
  font-size: 16px;
  color: brown;
  text-decoration: none;
  padding: 0px;
  display:block;
}
.chapternav a:hover{
  background-color: #D98880;
  display: block;
}
.charnav {
  background-color: PapayaWhip;
  padding: 5px;
  margin-top: 10px;
  margin-left: 5px;
  overflow: hidden;
  border: 3px double black;
  max-height: 9999px;
  max-width: 400px;
  display: inline-block;
}
.charnav a{
  font-size: 16px;
  color: brown;
  text-decoration: none;
  padding: 10px;
  display:block;
}
.charnav a:hover{
  background-color: #D98880;
  display: block;
}
.house {
  border:1px solid;
  float: right;
  margin-top: 20px;
  margin-right: 2%;
  width: 500px;
  height: 317px;
}
.rizal {
  float: left;
  width: 500px;
  height: 340px;
  margin-right: 10px;
  margin-left: 20px;
}
.touchtouch {
  float: right;
  margin-right:20px;
  margin-top: 20px;
  margin-left: 20px;
  width: 350px;
}
.mainback {
  background-image: url('mainback.jpg');
  background-size: 100% 670px;
  background-repeat: no-repeat;
  overflow:hidden;
}
.floaty p{
  font-family:Heavy Gothik;
  position:relative;
  font-size: 98px;
  top: 180px;
  text-align: center;
  display: inline-block;
  margin-left: 25%;
}
.content {
  margin-top: 20px;
  text-align: center;
  margin-right: 100px;
  margin-left: 100px;
}
.contents h3{
  border-top: 2px dashed black;
  padding-top:10px;
}
.contents {
  text-align: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 20px;
}
.contentss {
  margin-top: 20px;
  display:block;
  margin-left: 2%;
  border: 1px solid;
  padding: 20px;
  background-color:#FEFAF3;
  background-size: 300px;
  margin-right: 43%;
}
.contentss h1{
  font-family: Black Clover Font;
  color:maroon;
}
.contentt {
  margin-top:700px;
}
.char {
  background-image: url('char.jpeg');
  background-repeat: no-repeat;
  background-size: cover;
}
.giled {
  border-top: 5px dashed;
  padding-top:40px;
}
.giled p{
  margin-left: 20px;
}
.anothawan {
  border: 1px solid;
  padding: 20px;
  background-color:#FEFAF3;
  background-size: 300px;
}
.footer {
  margin-top: 20px;
  position: static;
  width:100%;
  height:25px;
  background: linear-gradient(to top, #333300 -50%, #800000 100%);
  border-top: 2px solid;
  padding: 20px;
  font-size: 25px;
  bottom: 0px;
  text-align:center;
}
.contenttt {
  position: absolute;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 5px;
  border: 3px double black;
  max-height: 1300px;
  overflow: auto;
  max-width: 76%;
  padding: 10px;
  display: inline-block;
  background-color:#FEFAF3;
}
.contenttt p{
  margin-top: 18.1px;
  background-color:#FEFAF3;
}
.contenttt h1{
  color: maroon;
  font-family: Black Clover Font;
}
.backtop {
  font-size:20px;
  margin-top: 0px;
  background-color: PapayaWhip;
  position: absolute;
  top:1438px;
  margin-left: 30% ;
  border: 1.5px solid;
  text-align:center;
  display: inline-block;
  padding: 10px 60px;
}
.backtop a{
  text-decoration: none;
}
.contenttt :target {
  border: 2px solid #D4D4D4;
  background-color: #ddd;
}
.nolinoli {
  float:right;
  height: 400px;
  margin-right:90px;
  margin-top:10px;
  border: 3px;
}
.sila {
  text-align: center;
  font-size: 12px;
  position: absolute;
  left: 72%;
  top:62%;
}
.content h1{
  font-family: Black Clover Font ;
  color: maroon;
  font-size: 40px;
}
.p {
  margin-top: 10px;
  margin-right:2%;
  margin-left: 2%;
  margin-bottom:18.2%;
  border: 1px solid;
  padding: 20px;
  background-color:#FEFAF3;
  background-size: 300px;
}