<style type="text/css">
.columns
{
   
    -webkit-column-count:2;
    -webkit-column-gap:2em;
    -webkit-column-rule:1px solid blue;
    column-count:2;
    column-gap:2em;
    column-rule:1px solid blue;
    background-repeat:no-repeat;
    background-position:center top;
    background-color: #ccffcc;
    font-family: serif;
    font-size: 14pt;

    border-right-style: groove;
    border-left-style: groove;
    border-bottom-style: groove;
    border-top-style: groove;
    border-radius: 12pt;
    margin:auto;
    margin-top:11em;
    width :770px;
    margin-bottom: 1em;
}
div.grapes

{
margin :3em;
padding : 3em;
}
 div.fox
 
 {  
 font-family:"Trebuchet MS";
     color: #4286f4; 
     margin-left:  5em;
 }  

 p
     {
      font-family:"Trebuchet MS";
     color: #0c014c; 
     margin-left:  5em;
     padding-right: 6em;
     font-size: 12pt;
     margin-bottom:  7px;
   
     }
 p + p
      {
      text-indent :1.75em;
      margin-top:0;
     
      }
h1   {
  
     font-size :28pt;
     text-align   :  center;
     overflow: hidden;
     }
h2 
     {
     padding: 5pt;
     font-family: "monotype corsiva";
     overflow:hidden;
     font-style  : italic;
     color:  #00ccff;
     text-align :center; 
     }
h4   
{
text-align: center;
font-style: italic;
color : #0080ff;
font-style: oblique;

}
div.copyright
{
margin-top :24pt;
font-size: 6pt;
color:red;
text-align : center;
}
        div.knight
  {
float :left;
  left  :35px;
  top  :70px;
  width :400px;

  padding-right:12pt;
  } 
  
  .boxing
  {
  margin-left: 12em;
  margin-right: 14em;
  font-style: oblique;
  
  }
.boxing   li
  {
 
  font-size: 20px;
  color: #0c017c; 
  
  } 
  div.mailstop
  
  {
  font-style : oblique;
  background-color:#adffd8;
  border-radius:30px;
  
  }
  div.quotes
  
  {
  font-style: italic;
  font-size: 14pt;
  color: #00c123;
  }
  div.knight2
   {
   float:right; 
   top:70px;
   padding-left:15pt;
   }
 div.nextchap
   {
   margin-left:  30em;
   font-size : 14pt;
   color : #BA68C8;
   }
</style>