.header-area .main-nav {
    min-height: 80px;
    background: transparent;
}

.nlogo {
    background: #e7ecee;
    background: -webkit-linear-gradient(to right, #A7CFDF 0%, #3982f0 36%);
    background: -moz-linear-gradient(to right, #A7CFDF 0%, #3982f0 36%);
    background: linear-gradient(to right, #A7CFDF 0%, #3982f0 36%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    font-weight: bold;
  }

ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul {
    margin-bottom: 0px;
}

.header-area {
    background-color: transparent;
    border-bottom: 1px solid rgba(42,42,42,0.2);
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 100;
    height: 100px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
  }

  h3 {
      color: rgb(72, 118, 211);
      font-weight: 500;
  }
  
  h4 {
    color: red;
    font-weight: 500;
  }
  h5 {
    color: green;
    font-weight: 500;
  }

  h6 {
    color: rgb(72, 118, 211);
    font-weight: bold;
  }

  .codeblock {
      width:100%;
      background-color:#fafaf84d;
      margin-bottom:8px;
      padding-left:0;
      border-left:1px solid #0f3f03ab;
      border-right:1px solid #0f3f03ab;
      border-top:1px solid #0f3f03ab;
      border-bottom:1px solid #0f3f03ab;
}
#ex1,#ex2,#ex3,#ex4,#ex5,#ex6,#ex7,#ex8,#ex9,#ex10,#ex11,#ex12,#ex13,#ex14,#ex15,#ex16,#ex17,#ex18,#ex19,#ex20,#ex21,#ex22,#ex23,#ex24,
#ex25,#ex26,#ex27,#ex28,#ex29,#ex30,#ex31,#ex32,#ex33,#ex34,#ex35,#ex36,#ex37,#ex38,#ex39,#ex40,#ex41,#ex42,#ex43,#ex44,#ex45,#ex46,
#ex47,#ex48,#ex49,#ex50,#ex51,#ex52,#ex53,#ex54,#ex55,#ex56,#ex57,#ex58,#ex59,#ex60,#ex61,#ex62,#ex63,#ex64,#ex65,#ex66,#ex67,#ex68,
#ex69,#ex70,#ex71,#ex72,#ex73,#ex74,#ex75,#ex76,#ex77,#ex78,#ex79,#ex80,#ex81,#ex82,#ex83,#ex84,#ex85,#ex86,#ex87,#ex88,#ex89,#ex90,
#ex91,#ex92,#ex93,#ex94,#ex95,#ex96,#ex97,#ex98,#ex99,#ex100,#ex101,#ex102,#ex103,#ex104,#ex105,#ex106,#ex107,#ex108,#ex109,#ex110{
    height: auto;
    width: 1230px;
}

.side_menu_style {
  color: black; 
  font-size: small;
}
.side_menu_style_highlight {
  font-weight: bolder; 
  font-size: small;
}
.body_text_style {
  font-size: small;
}
.nexttopicdiv {
  margin-top:30px
}
.footer {
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #e7ecee;
  color: white;
  text-align: center;
}
.program_margin_style {
  margin-left: -100px;
}
.p_blue {
  color: #3982f0;
}
.p_red {
  color: red;
}