html, body {
  background-color: #FFDED9;
  background-image: url("clover2.png");
}

@font-face {
  font-family: mashi;
  src: url(mashifont.otf);
}

@font-face {
  font-family: nene;
  src: url(nenefont.otf);
}
a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #966200;
  background-color: transparent;
  font-size: 18px;
} 

.box10 { 
background-color : #fff ; 
background-image : url(063-a.gif), url(063-b.gif); 
background-position: top left, bottom left;
background-repeat: repeat-x, repeat-x;
border: 1px solid #966200; 
border-radius : 3px ; 
margin : auto ;
padding : 50px 0; 
width : 60%
} 
.box-inner { 
padding : 1em }

.container {
  display: grid;
  grid-template-areas:
    "header header"
    "dtory content"
    "footer footer";
  grid-template-columns: 1fr 3fr; 
  gap: 3px;
  border-radius:3px;
  background-color: white;
  padding: 5px;
}
.container div {
  background-color: white;
  border-radius:3px;
  padding: 10px; 
}
.container .header {
  grid-area: header;
  text-align: center;
  font-family: "mashi", Times, serif;
  border-color: #966200;
  font-size: 25pt;
  background-color: #fdf5dd;
  color: #966200;
  background-image: url(025-a.gif), url(025-b.gif);
  background-position: top left, bottom left;
  background-repeat: repeat-x, repeat-x;
  border-style: dashed;
}

.container .dtory {
  grid-area: dtory;
  text-align: center;
  font-family: "nene", Georgia, serif;
  border-color: #966200;
  border-style: dashed;
  background-image: url(grid4.png);
}
.dtory img{
  object-fit: scale-down;
  object-position: bottom;
}

.container .content {
  grid-area: content;
  text-align:center;
  font-family: "nene", Times, serif;
  border-color: #966200;
  color: #966200;
  background-color: #b0bb8d;
  background-image: url(dotp3.png);
  border-style: dashed;
  overflow-y: auto;
}
.container .footer {
  grid-area: footer;
  text-align: center;
  font-family: "Georgia", Times, serif;
  border-color: #966200;
  border-style: dashed;
  color:#966200;
  font-size: 8pt;
  background-image: url(starpattern3.png);
}
.box07 { 
background : url(owpaper.jpg); 
box-shadow : 0 1px 5px #4a4a4a; 
box-sizing : border-box; 
margin : 1em auto; 
padding : 20px; 
width : 80% 
}