/*\*/
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; position: relative;}
/*\*/
blockquote#pull {
width: fit-content; margin: 0 40px 5px 40px; float: right;
background: #ffd968; padding: 5px 8px;
border: solid #ff68d9; border-width: 3px 0;
white-space: pre-line; font-size: 15px; text-align: center;
}
#pull + header {clear: right;}
/*\*/
header {margin-top: -8px; color: #048;}
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;}
/*\*/
img.mill {
display: block; margin: 1.5em auto 1em;
box-shadow:
#000 0 0 0 1px,
#fff 0 0 0 5px,
#cd7f32 0 0 0 12px;
}
.mill + div {margin: 3px calc((100% - 500px) / 2) 1em; font-size: 15px;}
div#oxford {width: fit-content; margin: 3px auto 1em; font-size: 15px;}
/*\*/
div#duo {
width: calc(416px + 5px + 356px); margin: 1em auto 0; display: flex;  justify-content: space-between; align-items: center;}
#duo img {padding: 5px; border: 2px solid; outline-offset: calc((5px + 2px + 1px) * -1); outline: 1px solid;}
#duo + div {margin: 3px calc((100% - 700px) / 2); font-size: 15px;}
/*\*/
img#datestone {display: block; border: 1px solid; z-index: 9; position: absolute; left: 46.5em; bottom: 43em;}
/*\*/
footer {width: fit-content; margin: 1em auto; padding-top: 8px; border-top: 1px solid #c0c0c0;}
/*\*/
img#portrait {
display: block; margin: 1em auto 3px;
--s: 10px; /* sets the size */
padding: var(--s);
border: calc(2*var(--s)) solid transparent;
outline: 2px solid;
outline-offset: calc(-1*var(--s));
background: conic-gradient(from 90deg at 2px 2px, transparent 25%, #000 0);
}
#portrait + div {font-size: 15px; text-align: center;}