/*\*/
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: auto; cursor: pointer; background: #048; border-color: #048; padding: 3px 1em; border-radius: 1em; font-size: 16px; color: #fff;}
/*\*/
h2.HL3 {
display: flex; margin-bottom: -8px;
font-family: Comic Sans MS, cursive; color: #048;
}
.HL3::before, .HL3::after {content: ''; flex: 1;}
.lines {margin: 1em -1em; align-items: center;} /* To shorten the lines make -1em positive and increase value to suit */
.lines::before, .lines::after {height: 1px; margin: 0 1em;}
.grad::before, .grad::after {height: 10px; border-radius: 5px;}
.grad::before {background-image: linear-gradient(90deg, #6db1df, #206592);}
.grad::after {background-image: linear-gradient(-90deg, #6db1df, #206592);}
/*\*/
table#photos2 {
border-collapse: collapse; margin: 1em auto; background: #fbfbfb;
font-size: 15px;
}
#photos2 tr:nth-child(2n) {vertical-align: top;}
#photos2 td {width: 350px; padding: 10px; border: 1px solid #999;}
#photos2 img {display: block; margin: auto; border: 1px solid #999;}
#photos2 p {margin: 3px;}