html, body{
      overflow-x: hidden;
        font-family: noto sans, sans-serif, Helvetica;
        margin: 0px 0px;
      
    }
  
     
     header, section, footer, aside, nav{
        display: block;
       
     }





     /* header section */
 
header{
   display: flex;
   background-color: black;
   border-bottom: 1px solid #fdddaa;
}

#logo-img{
   width: 380px;
   height: 200px;
   padding-left: 40px;
}

#list{
   position: relative;
   top: 66px;
   left: 400px;
}

.header-ul-container ul{
   list-style-type: none;
   display: inline-block;
}

.header-ul-container ul li{
   display: inline-block;
   margin: 20px;
   font-size: 20px;
   color: #fdddaa;
}

nav{
   background-color: black;
   height: 200px;
   width: 100%;
}


nav ul{
   float: right;
   
   margin-top: 74px;
   margin-right: 200px;
   background-color: #000000;
}
   

nav ul li{
   display: inline-block;
   line-height: 80px;
   margin: 0 5px;
   color: white;


}

nav ul li a{
   color: #fdddaa;
   
   font-size: 17px;
   border-radius: 3px;
   padding: 7px 13px;
}

a.active, a:hover{

   background: rgb(59, 59, 59);
   transition: .5s;
}

label{
	color: #fdddaa;
	margin: 100px 0px 0px 100px;
}

#logo{
   color: #fdddaa;
	margin: 100px 0px 0px 100px;
}



  
     


   



     /* site content section */




     .container{
      width: 100%;
      height: 100%
     }

     .row{
        display: flex;
        width: 100%;
        height: auto;
     
       /* background-image: url(royal-lily-black-bg.jpg);  for the background 
       
        background-repeat: repeat;
        */
        background-color: black;
      
        margin: 0px auto;
        
     }
     

     
   


     /* manga row */

     .main-column{
     width: 100%;
 
     height: auto;
     margin: 0 auto 50px auto;

     }
    .section-wrap{
      width: 100%;
      height: auto;
   
      margin-bottom: 1%;
     
     
    }

.section-heading{
   margin-left: 20px;
  
}
.section{
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        
}
    
.heading-img-left-align{
   text-align: center;
   margin: 0px 0px 0px 0px;
  
}
     
      .section-name{
         width: 170px;
         color: white;
         margin-top: 15px;
         margin-bottom: 15px;
        
		 text-align: left;
		 padding-left: 10px;
		  margin-left: 1px;
         background-color: none;
         
       }
     p{
        margin-top: 0px;
		 color: #fdddaa;
		 text-decoration: none;
     }
     
     .manga-cover-img{
        width: 143px;
        height: 225px;

    }
    
    
    /* manga title on homepage */
    .manga-cover-box{
      
        margin: 0px 20px 0px 20px;
        margin-bottom: 20px;
        padding: 2px;
     

    }
   .manga-title{
        width: fit-content;
        font-family: sans-serif;
        color: #d6AA82;
        padding: 5px;
        text-align: center;
        margin-top: 0;
        margin: 0px auto 20px auto;
    }
    .pic{
      margin-bottom: 5px;
    }
.end-of-volum{
	color: #fdddaa;
}

    /* ads section */

   .sidebar-column{
      width: 33.333%;
      height: auto;
      
      background-color: #101010;
   }

   .sidebar-content{
      width: 80%;
      margin: 50px auto;
	   color: white;
      
   }
    
     #ads-img{
        width: 150px;
        height:100px
        
     }
     


     /* footer section */
     footer{
        width: 100%;
        height: 200px;
        display: flex;
        color: #fdddaa;
        background-color: #000000;
        border-top: #fdddaa solid 0.5px ;
      
           
       
     }
    
  .inner-box{
   width: 100%;
   height: 100%;
   display: flex;
  }
  .left{
   width: 100%;
   height: 100%;

   
  
  }
  .right{
   width: 100%;
   height: 100%;
 
   
  }

  .disclaimer{
   margin: 30px 70px;
  }


  .p-disclaimer1, .p-disclaimer2{
   color: #fdddaa;

  }

.p-disclaimer2{
   font-family: sans-serif;
   color: #fffee5;;
   line-height: 25px;
}




   /* manga reading page */
   .readpage-manga-title{
      color: white;
   }

   /* each pic of the manga  this makes images responsive very important*/

   .pic{
      width: 100%;      
      height:auto;
      object-fit: cover;
   }

   /*  container for manga pages  */
  .manga-page-container{
      width: auto;
      height: auto;

  }





   /* for the previous page of the manga */

   .previous-next-div{
     display: flex;
     width: 100%;
    
   }
   .previous{
      
      color: rgb(255, 255, 255);
     
   }
   
     /* for the next page of the manga */

   
   .next{
     
      color: white;
   
   }

   .previous-page, .next-page{
      width:100%;
      height: auto;
      margin: 15px 0px ;
      
   }


   /* a tag to apply to previous page and next page */
   .link{
      color: white;
      
   }
img {
	width: 350px;
	height: 200px;
}