/*\*/
html {margin: 0; padding: 0; background: #eaeaea; font: 16px/1.2 Verdana, sans-serif;}
body {width: 950px; margin: auto; padding: 1em; background: #fff; min-height: 100vh;}
/*\*/
/*\*/
header {margin-top: 0; font-family: Comic Sans MS, cursive;}
header h2 {width: fit-content; background: #179354; line-height: 2.8rem; padding: 0 2rem 5px; border-radius: 1rem 0 1rem; color: #fff;}
header h3 {margin: -16px 0 -8px 40px; color: #060;}
/*\*/
/*\*/
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 img {border-bottom: 1px solid #ccc;}
#card p {margin: 0; padding: 8px 0; font: 15px Arial, Helvetica, sans-serif; text-align: center;}
/*\*/
img#statue {
display: block; margin: 1.5em auto 0; padding: 5px;
border: 8px solid #cd7f32; outline-offset: calc((5px + 8px + 1px) * -1); outline: 1px solid;
}
/*\*/
div#duo {
display: flex; width: calc(400px + 15px + 400px); margin: 1em auto 0; padding: 10px; border: 1px solid; justify-content: space-between;}
#duo img {display: block; border: 1px solid;}
#duo + div {margin: 3px calc((100% - 815px) / 2); font-size: 15px;}
img#clydeSt {
display: block; margin: 1.5em auto 0; padding: 10px;
border: 1px solid; outline-offset: calc((10px + 1px + 1px) * -1); outline: 1px solid;
}
#clydeSt + div {margin-top: 3px; font-size: 15px; text-align: center;}
/*\*/
div#combo {
display: flex; width: calc(350px + 15px + 289px); margin: 1em auto 0; padding: 10px; border: 1px solid; justify-content: space-between; align-items: center;}
#combo img {display: block; border: 1px solid;}
#combo + div {width: fit-content; margin: 3px auto 1em; font-size: 15px;}