:root {
  --gridbg: url(back03.gif);
  --dtorybg: url(abtdtory_pdot.gif);
  --dkbrown: #483b3c;
}

html, body {
  background-color: #FFDED9;
  background-image: url("pdotbg.gif");
}

@font-face {
  font-family: wecit;
  src: url(wecit.otf);
}

a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #E6F0E1;
  background-color: transparent;
  font-size: 18px;
} 

.box03 { 
background-image : url(gblace-ue.gif) , url(gblace_sita.gif); 
background-position : top left , bottom left; 
background-repeat : repeat-x, repeat-x;
margin : auto; 
padding : 30px 0; 
width : 60% 
}
.box-inner {
background : #fff; 
padding : 1em 
}
.container {
  display: grid;
  grid-template-areas:
    "header header"
    "dtory content"
    "footer footer";
  grid-template-columns: 1fr 3fr; 
  gap: 3px;
  background-color: #400000;
  padding: 5px;
}
.container div {
  background-color: white;
  padding: 10px; 
}
.container .header {
  grid-area: header;
  text-align: center;
  font-family: "wecit", Times, serif;
  color: var(--dkbrown);
  font-size: 30pt;
  background-color: #efebe0;
  background-image: url(u15-bg-frill.gif), url(us15-bg-frill.gif);
  background-position: top left, bottom left;
  background-repeat: repeat-x, repeat-x;
}

.container .dtory {
  grid-area: dtory;
  text-align: center;
  font-family: "wecit", Georgia, serif;
  color: white;
  background-image: var(--dtorybg);
}
.dtory img{
  object-fit: scale-down;
  object-position: bottom;
}

.container .content {
  grid-area: content;
  text-align:center;
  font-family: "wecit", Times, serif;
  color: var(--dkbrown);
  background-image: var(--gridbg);
}
.container .footer {
  grid-area: footer;
  text-align: center;
  font-family: "Georgia", Times, serif;
  color: #000000;
  font-size: 8pt;
  background-image: url(footer_gingham.gif);
}

.box07 { 
background: url(changelog_paper.gif); 
border-radius : 5px ; 
box-shadow : 0 1px 5px #ccc; 
box-sizing : border-box ; 
margin : auto ; 
padding : 10px ;
width : 90%
}  