/*\*/
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;}
/*\*/
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;}
/*\*/
div.card { /* width in body */
margin: 1rem auto;
box-shadow: #595959 0 0 10px 0;
}
.card p {margin: 0; padding: 8px 0; font: 15px Arial, Helvetica, sans-serif; text-align: center;}
/*\*/
figure {width: 400px; margin: 1em auto; padding: 10px 10px 3px; border: 1px solid;}
figure img {display: block; margin: auto; outline: 1px solid;}
figure p {margin: 3px; font-size: 15px;}
figure p:first-of-type {text-align: center;}
/*\*/
div#duo {
display: flex; width: calc(450px + 15px + 400px); margin: 1em auto 0; justify-content: space-between; align-items: center;}
#duo img {border: 1px solid;}
#duo + div {margin: 0 auto 1em; font-size: 15px; text-align: center;}
/*\*/
div#plaque {
width: fit-content; margin: 1em auto; padding: 5px; background: #f0fcf8;
box-shadow:
#000 0 0 0 1px,
#fff 0 0 0 6px,
#000 0 0 0 8px;
white-space: pre-line; font-size: 15px; text-align: center;
}
em {display: block; margin: -12px;}
/*\*/
img#medallion {
display: block; margin: 1.5em auto; padding: 10px;
border: 1px solid; outline-offset: calc((10px + 2px) * -1); outline: 1px solid;
}
blockquote {margin: 1em 15%;}
blockquote::first-line {font-size: 1.1em; color: #048;}