custom_styles.css

body {
  font-family: "TimesNewRoman", TimesNewRoman, serif;
  font-size: 12px;
}

h1 {
   font-family: "Arial",Arial,sans-serif;
   font-size: 22px;
   padding-top:5px;
   margin-top:5px;
}

h2 {
  font-family: "Arial",Arial,sans-serif;
  font-size: 20px;
  font-weight: bold;
}

h3 {
  font-family: "Arial",Arial,sans-serif;
  font-size:16px;
  font-style: italic;
  font-weight: bold;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

h3.title{
  padding-bottom:10px
}

h4 {
  font-family: "Times New Roman",Times, sans-serif;
  font-size:16px;
  font-style: italic;
}

h5 {
  font-family: "Arial",Arial,sans-serif;
  font-size:16px;
  font-style: italic;
  font-weight: bold;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

h6 {
  font-family: "Arial",Arial,sans-serif;
  font-size: 14px;
  font-style: underline;
}

hr {
  width:100%;
  height:4px;
  border-color:DimGrey;
}

.code{
  color:#00008B;
}

.ques{
  color:Red;
}

.drop{
  font-family: "Arial",Arial,sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

.drop2{
  font-family: "Arial",Arial,sans-serif;
  font-size:14px;
  font-style: italic;
  font-weight: bold;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

.ques2{
  font-family: "Arial",Arial,sans-serif;
  font-size: 14px;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

.tabset{
color:black;
font-size: 16px;
}

.litcited{
  padding-left:36px;
  text-indent:-36px;
}

.title{
  display:none;
}


.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 30%;
  padding: 0 4px;
}

.column3 {
  flex: 25%;
  padding: 0 10px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
}

/* for box around text */
.boxBorder {
 border: 1.5px solid #696969;
 padding: 10px;
 /*outline: #696969 solid 5px;*/
 }