* { box-sizing: border-box; }
html, body { height: 100%; }
img { max-width: 100%; width: 100%; }
#thumbs { display: flex; flex-wrap: wrap; justify-content: center; }
.thumb { margin-left: 5px; margin-right: 5px; }
.thumb img { width: 100px; height: 100px; border: 1px solid black; object-fit: cover; }
.imageWithCaption { border: 3px solid black; margin-bottom: 1rem; }
.imageWithCaption img { display: block; }
body { background-image: url('/z.jpg'); background-repeat: repeat; }
#duck { border: none; }
h2 { margin-top: 45px; margin-bottom: 0; }
h3 { margin-top: 0px; margin-bottom: 0; }
h4 { margin-bottom: 5px; margin-top: 0; }
h2, h3, h4 {  margin-left: 1rem; }
h2, h3, h4, h5, p, a, .caption { background-color: yellow; padding-left: 3px; padding-right: 3px; }
h2, h3, h4, h5, p, a { display: table; }
.caption { font-style: italic; }
.normal { font-style: normal; }
a.thumb { background-color: unset; padding-left: unset; padding-right: unset; display: unset; }
ul { list-style-type: none; width: fit-content; padding-left: 1rem; top: 0; position: fixed; }
ul li { display: inline-block; }
ul li a { background-color: yellow; color: black; padding-left: 3px; padding-right: 3px; }
ul li a:visited { color: black; }
.detailsLink { text-decoration: underline; cursor: pointer; }
#details { display: none; background-color: yellow; margin-left: 1rem; padding-left: 3px; padding-right: 3px; }
#details ul { margin-top: .25rem; list-style-type: disc; position: initial; }
#details ul li { display: list-item; }