body {
    background-color: #D0B56E;
font-family: 'Goudy Bookletter 1911', serif; /* A font with an old-style feel */
    font-size: 18px;
    text-align: center;
    background-image: url('abelbg.jpg');
    background-repeat: repeat;

  }
header{
  text-align: right;
}

header p{
  color: #000000;
}
header a{
  color: #6e0000;
}
  h1 {
    color: #b64600;
    text-align: left;
    font-size:40px;
  }
    h2 {
    color: #B9691D;
    text-align: center;
    font-size:40px;
  }
      h3 {
    color: #833403;
    text-align: center;
    font-size:20px;
  }
  p {
  color: rgba(0, 0, 0, 0.669);
  }
  a {
  color: #b64600;
  }
  
a:visited {
  color: #212324;
}


  footer {    
      p{color: #d73f0c; }
  }



  .content {  
    
  display: grid;
  grid-template-columns: 0.5fr 1.5fr 0.5fr;
  grid-template-rows: auto auto 1.5fr 0.5fr;
  gap: 0px 0px;
  grid-auto-flow: row;
}
.title { grid-area: 1 / 2 / 2 / 3;}
.title img{
 max-width: 100%;
}
.writing { grid-area: 2 / 2 / 5 / 3; 
text-align: left;
    padding:80px 150px 100px 150px;
font-size: 18px;
background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center top, center bottom;
  border-image-source: url("abelwritingt.png");

border-image-slice:
178 178 178 178 fill;
border-image-width:
100px 100px 100px 100px;
border-image-outset:
0px 0px 0px 0px;
border-image-repeat:
repeat repeat;

}

.abel-side {  grid-area: 1 / 3 / 3 / 4; ; 
  margin-top:200px;
margin-left: 25px;
background-color: rgb (255, 206, 146);
border:50px solid;
border-image-source: url("abelside2t.png");
border-image-slice:
126 126 126 126 fill;
border-image-width:
40px 40px 40px 40px;
border-image-outset:0px 0px 0px 0px;
border-image-repeat:
repeat repeat;}

.elio-side { grid-area: 1 / 1 / 3 / 2;
    margin-top:200px;
margin-right: 25px;
text-align: center;
background-color: rgb (255, 206, 146);
border:50px solid;
border-image-source: url("abelside1t.png");
border-image-slice:
126 126 126 126 fill;
border-image-width:
40px 40px 40px 40px;
border-image-outset:0px 0px 0px 0px;
border-image-repeat:
repeat repeat;}

