/*\*/
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;}
/*\*/
button {display: block; margin: 1em auto; cursor: pointer;}
/*\*/
header {margin-top: -8px; font-family: Comic Sans MS, sans-serif; color: #048;}
header h2 {
width: fit-content; line-height: 2rem;
margin: 1em 0 0.5em 0; padding: 0 1.5rem 3px;
border: 2px solid #048; border-radius: 10px 0 10px;
background: #c5e8fe;
}
header h3 {margin: -5px 0 -10px 1.5rem;}
/*\*/
div#g-box2 {
display: grid;
width: calc(400px + 20px + 1px + 20px + 400px); margin: 1em auto;
grid-template-columns: 420px 420px;
grid-gap: 1px;
background: #999; padding: 1px;
}
#g-box2 div {background: #fbfbfb;}
#g-box2 img {display: block; margin: 10px auto; outline: 1px solid #999;}
#g-box2 p {font-size: 15px; margin: 5px;}
/*\*/
footer {width: 70%; margin: 1em auto; padding-top: 8px; border-top: 1px solid #c0c0c0;}