.view-photos{
    display:grid;
}

.view-photos>.page {
    width:100%;
    padding:5pt;
    border:solid 1px black;
    border-radius:5pt;
}
.view-photos img {width:100%;}
.control{
    position: relative;
    z-index 10;
}
.control span {
    left: 1ex;
    top: 1ex;
    position:relative;
    overflow: visible;
    background:red;
    color:white;
}
.shrink, body.enlarged .enlarge {display: none;}
body.enlarged .page.enlarged .shrink {display: inline;}
body.enlarged .page{display:none;}
body.enlarged .page.enlarged {
    display:block;
    position: relative;
    z-index:5;
}
.page.enlarged img {
    width: 100dvw;
    height: auto;
}
#page-menu {display: none;}
#dismiss{
    right:6pt;
    top:6pt;
}
p {margin:0.5ex;}
span.received {
    width: 100%;
    text-align:right;
    font-style: italic;
    font-weight:normal;
    font-size:10px;
}
#pageup, #pagedown {
    position: fixed;
    z-index:10;
    top: 45px;
    background: green;
    color: white;
    font-size:15px;
    display: none;
}

body.enlarged #pageup{
    display: block;
    right: 6px;
}
body.enlarged #pagedown {
    display: block;
    left: 6px;
}
body.enlarged.first-page #pagedown.first-page {
    display: none;
}
body.enlarged.last-page #pageup.last-page {
    display: none;
}