html {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    font-family: sans-serif;
    font-size: 16px;
    padding:0;
    margin:0;
    background-color:  lightgray
}
 
a {
    text-decoration-line:none;
}

.photo {
    width: 100%;
    padding: 1em;
}

 
img {
    width: 100%;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 1em;
}

.dtl {
    text-align: center;
    margin-top: 0.25em;
    margin-bottom: 0;
    font-size: 1em;
}

.caption {
    font-size: x-large;
    text-align: center;
    margin-top: 0.25em;
    margin-bottom: 2em;
    font-size: 1.5em;
}

h1 {
    text-align: center;
    font-family: Garamond, Georgia, serif;
    font-weight: bold;
}
h2 {
    text-align: center;
    padding-top: 1em;
    font-family: Garamond, Georgia, serif;
}
h3 {
    text-align: center;
    font-family: Garamond, Georgia, serif;
}

.alt0 {
    background-color: #E6E6FA;
}

.alt1 {
    background-color: #F0E68C;
}