p {color: black; margin: 0px; text-indent: 30px; text-align: justify; font-family: Verdana sans-serif;  line-height: 125%; font-size: 120%;}

blockquote {text-indent: 30px; text-align: justify; font-family: calibri; font-size: 115%; line-height: 115%;}

ul {list-style-type: none; margin: 0; padding-left: 0px; text-align: left;} 

sup {line-height: 10%; font-size: 70%;}

html {background-color: #5e0418;}

<!-- 7f0521 standard red -->

body {background-color: #5e0418;}
        
h1 {text-align: center; font-size: 28pt !important;}

h2 { text-align: center; /*margin-top: 2em;*/  font-size: 25pt; margin-bottom: 10px; padding-bottom: 0;} 

h3 { text-align: center; font-size: 20pt; margin-top: 10px:} 

h4 { text-align: center; font-size: 18pt;}

 /* Control style inside the black shadow borders #e5e29a*/
.wrapper{background-color: #dee7f1; max-width: 1000px; /*max-width: 50%; 1218px*/
    margin: 0px auto; border: 2px solid black;  border-radius: 7px; padding: 0px 47px;
    box-shadow: 0px 0px 30px 5px black;}
    /* https://codepen.io/sdthornton/pen/wBZdXq */

 .no-margin {margin: 0;}
 .no-indent {text-indent: 0px;}
 .super-indent {text-indent: 100px;}  
 .center-text {text-align: center; text-indent: 0px;}
 .align-right {text-align: right;} 
 .left {float: left; padding: 0 20px 20px 0;}
 .right {float: right; padding: 0px 0px 20px 20px;}

.lookLikeButton{cursor: pointer; background-color: #9096ea; border-radius: 4px; color: black;
padding: 6px 7px; text-align: center; text-decoration: none; display: inline-block; font-size: 25px;}

.extraTopMargin {margin: 15px 0px 0px 0px}

.photoclass {box-shadow: 6px -6px 10px 0px #3e0310; border-radius: 4px}
/* blue shadow color 070755 */

li {left; margin: 5px; font-size: 120%;}

.enlarge-text {font-size: 28px; text-indent: 0px;}
.justify {text-align: justify;} 
.centerThis {text-align: center;}
.centerimage {align: middle;}

.boostFont {font-size: 150%;}

blockquote p {font-family: calibri; font-size: 100%; color: black; font-size: 100%;  line-height: 115%;}
/* Steve, you are using descendent combinators here! */
blockquote blockquote {font-size: 100%;  line-height: 115%;}
/* Steve, you are using descendent combinators here! */

.center {display: block; margin-left: auto; margin-right: auto;} 

.footnoteList{
    padding-left: 11px;

.listText {font-size: 120%;}

.bigger-text {font-size: 33px; text-align: justify; text-indent: 0px;}

.enlarge-text {font-size: 25px; text-indent: 0px;}
/*.enlarge-text {font-size: 18 px; text-align: justify; text-indent: 0px;} */

.enlarge-text-left {font-size: 21px; text-align: left; text-indent: 0px; margin: 30px,}

.leftWithCaption {float: left; -webkit-float: left; -o-float: left;
      padding: 0 20px 5px 0px;}
    
/* You can also control just one side of the square by separating out the values
argin: 10px 12px 14px 18px; or margin: 10px; */