/*========================================================
HTML HOME PAGE CSS START||
UNDER CSS FOR HTML HOME PAGE
=========================================================*/
/*========================================================
HTML HOME PAGE IN MAIN CONTENT CSS START
=========================================================*/
.right_content {
  width: 81.5%;
}

.btn:hover {
  background-color: var(--deeper-green);
  color: #fff;
}

/*========================================================
  EASSY LEARN HTML  CSS
=========================================================*/
.example {
  margin: 4% 0;
  background: #f1f1f1;
}

.example_title {
  padding: 2% 0 2% 3%;
  color: #616161;
}

.example_body {
  padding: 8px;
  border-left: 3px solid #4c4faf;
  margin: 0% 3% 0 3%;
  background: #fff;
  font-family: Consolas, Menlo, "courier new", monospace;
}

.example_footer {
  padding: 3%;
}

.example_footer a:hover {
  background: var(--deeper-green);
  color: #fff;
}

/*========================================================
 HTML EXERCISES CSS
=========================================================*/
.exercise {
  margin: 4% 0;
  background: #717171;
  padding-bottom: 4%;
}

.exercise_title {
  padding: 2% 0 2% 3%;
  color: #fff;
}

.exercise_body {
  padding: 8px;
  border-left: 3px solid #4c4faf;
  margin: 0% 3% 0 3%;
  background: #fff;
}

.exercise_body p a {
  text-decoration: underline;
  font-size: 16px;
  cursor: pointer;
}

.exercise_body p a:hover {
  text-decoration: underline;
  color: #4c4faf;
}

/*========================================================
 REFERENCES SECTION  CSS
=========================================================*/
#references .row .col-md-4 a {
  background: #f1f1f1;
  color: #555;
  border: 1px solid #e3e3e3;
}

#references .row .col-md-4 a:hover {
  background: #555;
  color: #fff;
}
/*========================================================
WHAT IS  HTML ELEMENT CSS START..
UNDER CSS FOR TABLE
=========================================================*/
.nbp3_table_all tr {
  border-bottom: 1px solid #ddd;
}

.nbp3_table_all th,
.nbp3_table_all td {
  padding: 8px 8px;
  display: table-cell;
  text-align: left;
  vertical-align: top;
}

.nbp3_table_all tr:nth-child(2n) {
  background-color: #f1f1f1;
}

.nbp3_table_all tbody tr td a {
  color: #000;
  text-decoration: underline;
}
/*========================================================
WHAT IS  HTML ELEMENT DIV END
=========================================================*/
.tut_overview {
  display: none;
}