/* Modify brand and text color */
.navbar-custom .navbar-brand{
    color: #FEF9A7;
    font-family: 'Lobster', cursive;
}
.navbar-custom .nav-link {
	color: #FEF9A7;
}
.navbar-custom .myclass{
    color: rgba(215, 227, 36, 0.985);
}
.navbar-custom .nav-link{
    float: left;
    display: block;
    color: rgb(181, 233, 237);
    text-align: center;
    padding: 14px 16px;
    font-size: 18px; 
    font-family:Verdana, Geneva, Tahoma, sans-serif
  }
 
  .navbar {
    margin-bottom: 0;
    border-radius: 0;
  }
  /*Backgroud color*/
  body {background-color: #f8f6e8; height: 100%;}
  
  /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
  .row.content {height: 550px}
  
  /* Set gray background color and 100% height */
  .sidenav {
    padding-top: 1px;
    background-color: #7c5732;
    height: 100%;
  }
  
  /*Footer */
  footer {
    padding: 1px;  width: 100%;  
   
  }

  section {
    background-color: black;
  color: beige;
    padding: 2px; 
  }
  
  /* On small screens, set height to 'auto' for sidenav and grid */
  @media screen and (max-width: 767px) {
  
    .row.content {height:auto;} 
  }


 /* Footer seaction */
 .sidenav a {
    padding: 8px 8px 8px 29px;
    text-decoration: none;
    font-size: 20px;
    color: #d5fe08;
    display: block;
    transition: 0.3s;
  }
  
  /* Hyper Link color change*/
  a {
    color: #ff12a4;
  }


/* Index Body conetent */
.mycontents{ font-family: "Cursive", Garamond, "Linux Libertine", Baskerville, Georgia, serif; font-weight: bold; font-size: 20px; color: #310B0B; background-color: #f8f7e8; padding: 1em; width: 95vw; max-width: 950px; margin: 0 auto; }
.rabi {
    font-size:25px; 
        color:#1e2f04; 
        font-weight:bold; 
        font-style:inherit;
}

/* Add 3 images */
* {
  box-sizing: border-box;
}
.column {
  float:left;
  width: 25%;
  padding: 20px;
 
}
.row1::after {
  content: "";
  display: table;
  clear: both;

}
/*Use radis for 3 images*/
.avatar{
  border-radius: 50%;
}
.side{
  color: aqua;
}
/*Use the side nav span colors*/
span{
  color: #401444; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
/*Table */
.heading{
  background-color: #4d0c25; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, sans-serif;color: #f8f6e8;;
}
tr, td {
  border: 3px solid #00FFAB;
  border-collapse: collapse;
  color: #7c5732;
  text-align: center;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font: size 20px;;

}
/*Click color change*/
.hyper{
  color: #F47C7C;
}
/*image insert*/
div.relative {
  position: relative;
  left: 40px;

}
/*use a H tag */
.htag{
  font-family:Georgia, 'Times New Roman', Times, serif;
}

#loginpage{
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  position: absolute;
  left: 1200px;
  top: 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

/*Edit the drama content*/
.dboard1{
  font-size: 16px;color: #25be2a; text-align: center; font-weight: bold; 
}
.d2content{
  text-align: center;
}