<style>
		
.box {
  font: 10px sans-serif;
}

.box line,
.box rect,
.box circle {
  fill: steelblue;
  stroke: #000;
  stroke-width: 0.5px;
}

.box .center {
  stroke-dasharray: 3,3;
}

.box .outlier {
  fill: none;
  stroke: #000;
}

.axis {
  font: 12px sans-serif;
}
 
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
 
.x.axis path { 
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
		h2 {
  background-color: #981e32;color:white;text-align:center
 
}
.flex-container {
  display: flex;
  flex-wrap: nowrap;
  background-color: gray;
  height:200px
}

.flex-container .box {
  background-color: white;
  color:#5e6a71;
  width: 50%;
  margin: 1px;
  text-align: center;
  line-height: 20px;
  font-size: 14px
}
.titleDiv{letter-spacing: 4px;background-color:crimson;width:100%;color:white;font-weight:bold;text-align:center;}
.mainParagraph{letter-spacing: 2px;background-color:crimson;width:100%;color:white;font-weight:bold;text-align:center;font-size:12px}
.bckTopBtn{left:10px;float:right;letter-spacing:1px;background-color:none;color:black;font-weight:bold;text-align:center;font-size:14px}

table.blueTable {
  border: 1px solid #1C6EA4;
  background-color: none;
  text-align:center;font-size:13px;border: 1px solid #AAAAAA";
  
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 1px solid #AAAAAA;text-align: middle;padding-left:10px;padding-right:10px;line-height:22px
}
 table.blueTable th {
  color:black;font-weight:bold;background-color:gray;text-align:center
}
div.content{
padding-left:20px
}
div.text{
color:gray
}
</style>