body {
	font-family: 'Times New Roman', Times, serif;
	font-size: 120%; 
	width: 680px;
    height: 684px;
    background-color: ivory;
    display: grid;
    grid-template-columns: 68px 544px 48px;
    grid-template-rows: 684PX;
    grid-template-areas: 
        "ltside essence rtside"; 
}
leftaside {
    grid-area: ltside;
    display: grid;
    grid-template-areas: 
        "logo";
}
htmsimg {
    grid-area: logo;
    margin: 2px 2px 618px 2px;
}
main {
    grid-area: essence;
    border: 2px solid black;
    display: grid;
    grid-template-columns: 540px;
    grid-template-rows: 66px 600px 14px;
    grid-template-areas: 
        "head"
        "artl"
        "foot";
}
header {
    grid-area: head;
    display: grid;
    grid-template-columns: 540px;
    grid-template-rows: 66px;
    grid-template-areas: 
        "hd1";
}
h1 {
    grid-area: hd1;
    margin: 0;
    padding-top: 16px;
	font-size: 2em;
    text-align: center;
}
article {
    grid-area: artl;
    display: grid;
    grid-template-columns: 540px;
    grid-template-rows: 32px 330px 234px;
    grid-template-areas: 
        "hd2"
        "otst"
        "ntst";
} 
h2 {
    grid-area: hd2;
    margin: 0;
    font-size: 1.25em;
    text-align: center;
}
details1 {
    grid-area: otst; 
    margin-top: 10px;
    margin-left: 7px;
    display: grid;
    grid-template: repeat(10, 32px) / repeat(4, 1fr);
    grid-auto-flow: column;
    justify-content:space-between ;
}
details2 {
    grid-area: ntst;
    margin-top: 10px;
    margin-left: 7px;
    display: grid;
    grid-template: repeat(7, 32px) / repeat(4, 1fr);
    grid-auto-flow: column;
    justify-content: space-between;
}
nav.testament {
    margin: 4px;
    border: 3px solid black;
    padding-top: 2px;
    height: 20px;
    width: 110px;
    font-size: 0.8em;
    text-align: center;
    background-color: ivory;
    color: navy;
}
.blink {
    border: 4px solid ivory;
    padding: 3px;
    height: 18px;
    width: 110px;
    font-size: 0.8em;
    text-align: center;
    background-color: black;
    color: ivory;
    cursor: pointer;
}
footer {
    grid-area: foot;
    display: grid;
    grid-template-columns: 270px 270px;
    grid-template-rows: 14px;
    grid-template-areas: 
        "strc prod";
}
#htms {
    grid-area: strc;
	font-size: 0.7em;
	padding-left: 1em;
    text-align: left;
    color: gray
}
#rwi {
    grid-area: prod;
	font-size: 0.7em;
	padding-right: 1em;
    text-align: right;
	color: gray;
}
rightaside {
    grid-area: rtside; 
    display: grid;
    grid-template-columns: 48px;
    grid-template-rows: 684px;
    grid-template-areas: 
        "ximg";
}
idxsimg {
    grid-area: ximg;
    margin-top: 2px;
    Margin-bottom: 634px,
}
img.cntl {
    margin-left: 6px;
    margin-right: 14px;
}
del {
	color: darkgreen;
	font-style: italic;
}