I've cleaned up the CSS. I've removed a lot of rubbish. I did add in a new body style. The styles I removed, you don't need. You have no need for colors. On most eInk Readers such as Kobo & Kindle, colors are not going to work well.
Code:
@charset "utf-8";
/* Page Last Updated */
/* Sunday, March 28, 2021 8:29 AM */
body {
widows: 1;
orphans: 1;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
text-align: justify;
}
div.main {
width: 100%;
}
div.inlgbdr {
border: solid 6px;
padding: 1em;
}
div.floatl {
float: left;
padding: 6px;
}
div.floatr {
float: right;
padding: 6px;
}
p {
margin-top: 0;
margin-bottom: 0;
}
.f1 {
font-size: 0.667em;
}
.f2 {
font-size: 0.833em;
}
.f8 {
font-size: 3em;
margin-top: 1em;
margin-bottom: 1em;
}
p.lgqt {
margin-left: 2em;
margin-top: 0;
margin-bottom: 0.4em;
margin-right: 2em;
}
.ctr {
text-align: center;
text-indent: 0;
}
.rt {
text-align: right;
}
.left {
text-align: left;
}
.in1 {
margin-left: 1.5em;
}
.in2 {
margin-left: 3em;
}
.in3 {
margin-left: 4.5em;
}
.in4 {
margin-left: 6em;
}
h1 {
text-align: center;
text-indent: 0;
font-weight: bold;
font-size: 2em;
}
h4 {
font-weight: bold;
font-size: 1.1667em;
}
hr {
text-align: center;
text-indent: 0;
width: 100%;
height: 2px;
}
hr.demi {
text-align: left;
width: 25%;
height: 2px;
}
.hrctr {
width: 25%;
}