body {
  
nbackground: rgb(255,255,255);

padding-left: 3em;
padding-right: 3em;
padding-top: 3em;
  font-family:  Arial, Verdana, Helevetica, "Sans-Serif A";
  font-color: #434C48;
  color: #663333;
  font-size: 140%; 
  line-height: 1.6;
  font-weight: 100;
  background-color: white;
  column-count: 3;
}




/*  Serif fonts:  Times New Roman, Times, Georgia, Palatino, Serif
/*  Sans-serif fonts: Arial, Verdana, Helevetica, Sans-Serif A


/*
/*background: #aaaaaa; /* Old browsers */
/*  background: -moz-linear-gradient(left,  #000033 1%, #000099 100%); /* FF3.6+ */
/*  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#000033), color-stop(100%,#000099)); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(left,  #000033 1%,#000099 100%); /* Chrome10+,Safari5.1+ */
/*  background: -o-linear-gradient(left,  #000033 1%,#000099 100%); /* Opera 11.10+ */
/*  background: -ms-linear-gradient(left,  #000033 1%,#000099 100%); /* IE10+ */
/*  background: linear-gradient(to right,  #000033 1%,#000099 100%); /* W3C */
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000033', 
/*  endColorstr='#000099',GradientType=1 ); /* IE6-9 */


}
H1 {
 font-family: "Times New Roman", Times, Georgia, Palatino, Serif;
 font-size:400%;
 line-height: 0.9;
}





ul {
  list-style-type: none; 
}

ol {
 font-family: "Times New Roman", Times, Georgia, Palatino, Serif;
 font-size:160%;
 line-height: 0.9;
}


#TopFive {
 font-size: 95%; 
 font-family:  Arial, Verdana, Helevetica, "Sans-Serif A";
 
}




#BigGreenBox{
 width:100%;
 background-color: #154E26;
 padding: 2.5%;  
 color: white;
 column-span: all;
}


#GreySideBox{
 background-color: #EFEEEC;
 padding: 2.5%;
 break-after: column;
}



#LinedBox{
 background-color: #FFFFFF;
 border: 2px solid black;
 padding: 2.5%;
}


#LinedBoxBAC{
 background-color: #FFFFFF;
 border: 2px solid black;
 padding: 2.5%;
 break-after: column;
}


#LinedBoxBAP{
 background-color: #FFFFFF;
 border: 2px solid black;
 padding: 2.5%;
 break-after: page;
}


#FooterBox{
 width:66%;
 background-color: #FFFFFF;
 padding: 2.5%;  
}


#manicule::before{
position: absolute;
left: 25%;
top: -60px;
font-size:500%;
color: purple;
content: " \261E  "; /* Hexadecimal for Unicode White Right Pointing Index */
}

#etching{
  position: relative;
  align-items: left;
  width: 10em;
  height: 10em;
  background: rgba(102,102,102,0.5);
  padding: 5%;  
  border: 3px  solid yellow;
     background-image:
      radial-gradient(
      circle,
      #66AA66 60%,
      transparent 0
      ),
      readial-gradient(
      circle,
      #FF0000 50%,
      transparent 0
      );
  background-size: 1em 1em;
background-position:
    0 0em, 
    0 0em;   
}


/* Cormorant+Unicase  Eagle+Lake  MedievalSharp  Uncial+Antiqua  */