/*\*/
html {margin: 0; padding: 0; background: #f3eee7; background: linear-gradient(#d8c6b2, #f3eee7) fixed; font: 16px/1.2 Verdana, sans-serif;}
body {width: 950px; margin: auto; padding: 1em; background: #fff; min-height: 100vh;}
/*\*/
blockquote#pull {
width: fit-content; margin: 0 40px 5px 40px; float: right;
background: #ffd968; padding: 5px 8px;
border: solid #ff68d9; border-width: 3px 0;
font-size: 15px; text-align: center; 
}
#pull + header {clear: right;}
/*\*/
header h3 {
width: fit-content; line-height: 2rem;
margin: 1em 0 0.5em 0; padding: 0 1.5rem;
border: 2px solid #048; border-radius: 10px 0;
background: #c5e6fe;
}
header h4 {margin: -5px 0 0 30px;}
p.home {text-align: center;}
p.bsub::first-line {font-size: 1.1em; color: #048;}
/*\*/
div#duo {
width: 750px; margin: 1em auto 0; display: flex;  justify-content: space-between; align-items: center;}
#duo + div {margin: 3px calc((100% - 570px) / 2); font-size: 15px;}
img#church {display: block; border: 1px solid;}
div#roundWindow {
margin: 1em auto 0; width: fit-content;}
#roundWindow img {display: block; clip-path: circle(50% at 50% 50%); border: 11px solid #8fadd6; border-radius: 50%;}
#duo + div {font-size: 15px;}
/*\*/
div.g-box {
display: grid;
width: calc(400px + 20px + 2px + 20px + 250px); margin: 1em auto;
grid-template-areas:
'imgA imgB'
'cap cap';
grid-gap: 1px;
background: #ff8c00; padding: 1px;
}
.g-box div {background: #fffacd;}
.g-box img {display: block; margin: 10px auto; border: 1px solid #808080;}
.g-box p {margin: 5px; font-size: 15px;}
div.it3 {grid-area: cap;}
/* Droylsden */
img.picture {
display: block; border: 11px solid #8fadd6; border-radius: 11px;}
div#sistersSt {width: fit-content; margin: 3px auto 1em; font-size: 15px; text-align: center;}
div#pair {width: 685px; margin: 1em auto 0; display: flex; justify-content: space-between; align-items: center;}
#pair + div {width: fit-content; margin: 3px auto 1em; font-size: 15px;}
/*\*/
nav#one {width: fit-content; margin: 1em auto;}
#one a.ws:link {text-decoration: none; font: 2ex/1.2 Lucida Conole, Monaco, monospace; color: #00f;}
#one a.ws:visited, nav a.ws:hover {text-decoration: underline; color: #00f;}
#one img {width: 12px; margin-left: 6px;}
/*\*/
div.card { /* width in body */
margin: 1rem auto;
box-shadow: #595959 0 0 10px 0;
}
.card img {border-bottom: 1px solid #ccc;}
.card p {margin: 0; padding: 8px 0; font: 15px Arial, Helvetica, sans-serif; text-align: center;}
/*\*/
div#combo {width: 660px; margin: 1em auto; display: flex; justify-content: space-between; align-items: center;}
div.plaque {
width: fit-content; margin: 1em auto;
padding: 8px; background: #f0fcf8;
box-shadow:
#000 0 0 0 1px,
#fff 0 0 0 6px,
#000 0 0 0 8px;
white-space: pre-line; text-align: center;
}
.plaque em {display: block; margin: -12px;}
/*\*/
img#statue {
display: block; margin: 1.5em auto 0; padding: 5px;
border: 8px solid #cd7f32; outline-offset: calc((5px + 9px) * -1); outline: 1px solid;
}
/*\*/
p.divider2 {margin: 8px; font-size: 28px; text-align: center;}
.divider2::after {content: '\269d\0020\269d\0020\269d';}