/*\*/
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;
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;}
/* Jump Link */
a.anchor {text-decoration: none;}
.anchor:link, .anchor:visited {color: #00f; font-size: 14px;}
/*\*/
div#card {
width: 350px; 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;}
/*\*/
footer {width: 75%; margin: 1em auto; padding-top: 8px; border-top: 1px solid #c0c0c0;}
/*\*/
div#g-box1 {
display: grid;
width: calc(350px + 20px + 1px + 20px + 350px); margin: 1em auto;
grid-template-columns: 370px 370px;
grid-gap: 1px;
background: #ffa500; padding: 1px;
}
#g-box1 div {background: #fffacd;}
#g-box1 img {display: block; margin: 10px auto; border: 1px solid;}
#g-box1 p {font-size: 15px; margin: 8px;}