.main {
width: auto;
height: auto;
text-align: center;
background: #001133;
}
.header {
font-family: Georgia, serif;
width:1420px;
height:110px;
font-size: 16px;
letter-spacing: -1.2px;
word-spacing: -2px;   
font-weight: 800px;
text-decoration: rgb(68, 68, 68);
font-style: normal;
font-variant: normal;
text-transform: none;
padding: 1px;
background:#F0F8FF;
color: #001133;
/*text-shadow: 2px 2px 0 #bcbcbc, 4px 4px 0 #9c9c9c, 10px 2px 4px rgba(206,89,55,0);*/
}

.mainborder{
margin: 2px;
border: 7px inset #001133;
border-radius: 15px;
}
.content
{
width:1420px;
height:700px;
background: #F0F8FF;
}
.middle
{
width:1220px;
height:100px;
border:2px;
font-family: Impact, Charcoal, sans-serif;
font-size: 15px;
letter-spacing: -0.4px;
word-spacing: 0.8px;
color: #e5e7e6;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}
#blink {
color: #CF322F;
transition:0.4s;
      }
@media screen and (max-width: 500px) {
.topnav a {
float: none;
width: 100%;
  }
}
.font {
font-family: "Courier New", Courier, monospace;
font-size: 13.5px;
letter-spacing: 1px;
word-spacing: -0.4px;
color: #001133;
font-weight: 200;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}
.button
{
font-family: Georgia, serif;
padding: 10px 15px;
text-decoration: none;
font-weight: 700;
background-color: #AB274F;
border: none;
margin: 4px 14px;
font-size: 18px;
color:#FFF7E6;
border-radius: 10px;
box-shadow: 0 5px #000;
}
.button:hover {
background-color: #FFE6FB;
color:#002266; }
.respaging a.active:active 
{
box-shadow: 0 4px #000;
transform: translateY(5px);
}
.div_ab {
text-align: justify;
font-size: 15px;
width:950px;
font-family: Impact, Charcoal, sans-serif;
line-height: 200%;
}
.demoFont {
font-family: Georgia, serif;
font-size: 25px;
letter-spacing: -2px;
word-spacing: -2.2px;
color:black;
font-weight: 700;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
text-align: left;
text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3), -15px 6px 17px rgba(206,89,55,0);
}
.footer
{
width:1420px;
height:40px;
background: #F0F8FF;
}
.respaging a.active
{
    border: 1px solid black;
    border-radius: 8px;
    background-color: #b3b6b7;
    color: black;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    font-size: 15px;
    box-shadow: 0 7px #8c8b88;
}

.respaging a.active:active 
{
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.sub {
  font-family: comic,sans, ms;
  font-weight: bold;
  vertical-align: middle;
  color: #992038;
  font-size: 12px;
  text-shadow: 1px 1px 0px #0e0d0d;
  text-decoration: none;
  box-shadow: 3px 3px 2px #7b7b97;
  padding: 9px 11px;
  border-radius: 8px;
  border: 2px solid #d3d1d1;
  }
.sub:hover {
  color: #090517;
  background: #EE91B0;
}
.imgdiv{
width:950px;
height:500px;
}
.result_table {
color:black;
padding: 4px;
margin: 5px 14px;
text-align: center;
}
 table.result_table th {
  border: 1.5px solid #EEEEEE;
}
.result_table tr td {
  font-size: 12px;
  font-weight: 500; 
  border-bottom:1px solid #7690B1;
  border-left: 0.5px solid #EEEEEE;
}
.result_table td {
  background-color: #DBE2EB;
}
.cross_result {
color:black;
padding: 4px;
margin: 5px 14px;
text-align: center;
}
 table.cross_result th {
  border: 1.5px solid #EEEEEE;
}
.cross_result tr td{
  font-size: 12px;
  font-weight: 500; 
  border-bottom:1px solid #7690B1;
  border-left: 0.5px solid #EEEEEE;
}
.cross_result td {
  background-color: #DBE2EB;
}
#myTable1  td{
  padding:5px;
}
.wrap 
{
 overflow-y:auto; 
 overflow-x:auto; 
display:block;
font-family: "Courier New", "Courier", monospace;
word-wrap: normal;
word-break: break-word;
font-size:18px;
color:#430F09;
font-weight:bold;
text-decoration:none;
}
.hiddenRow {
padding: 0 4px !important;
background-color: #eeeeee;
font-size: 13px;
}
.accordian-body span{
color:#a2a2a2 !important;
}