.bodi
{
position:absolute;
top:120px;
left:5%;
border:ridge silver .5em;
width:95%;
height:3200px;
text-align:center;
}
.john1
{
position:absolute;
top:30px;
left:10px;
width:45%;
height:auto;
}
.lydia1
{
position:absolute;
top:30px;
right:10px;
width:45%;
height:auto;
}
.label1
{
position:absolute;
top:415px;
left:20%;
width:45%;
height:auto;
}
.chas
{
position:absolute;
top:40px;
left:20px;
width:45%;
height:auto;
}
.perm
{
position:absolute;
top:40px;
right:10px;
width:45%;
height:auto;
}

.label2
{
position:absolute;
top:450px;
left:0px;
width:100%;
height:490px;
border:dotted gray .25em;
font-weight:600;
}
.l_john
{
position:absolute;
top:950px;
left:10px;
width:45%;
height:auto;
}
.l_lydia
{
position:absolute;
top:970px;
right:10px;
width:45%;
height:auto;
}
.lyd_d
{
position:absolute;
top:1225px;
left:10px;
width:45%;
height:auto;
}
.jh_b
{
position:absolute;
top:1225px;
right:10px;
width:45%;
height:auto;
}
.lyd_jh1
{
position:absolute;
top:1675px;
left:10px;
width:45%;
height:auto;
}
.lyd_jh2
{
position:absolute;
top:1675px;
right:10px;
width:45%;
height:auto;
}
.label3
{
position:absolute;
top:2100px;
left:50px;
width:80%;
border:solid blue .25em;
font-weight:600;
background-color:tan;
color:blue;
}
.aud_clar
{
position:absolute;
top:2350px;
left:10px;
width:55%;
height:auto;
}
.clar
{
position:absolute;
top:2350px;
right:10px;
width:35%;
height:auto;
}
.knis
{
position:absolute;
top:2650px;
left:150px;
width:55%;
height:auto;
}
.footer
{
background-color:#d2b48c;
color:blue;
border:ridge .25em tan;
}
.foot
{
position:absolute;
top:2950px;
width:80%;
left:10%;
}