.photosview { max-width: 100%; min-width: 100%; min-height: 0; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center; gap: 0.5em; margin-bottom: 200px; }
.photosview button, .photosview input[type='submit'] { background: rgba(0, 0, 0, 0); outline: none; border: none; }
img { display: inline-block; max-width: 100%; min-width: 0; max-height: 100%; min-height: 0; object-fit: cover; object-position: center; }
.galleryrow { max-width: 150px; min-width: 150px; max-height: 180px; min-height: 180px; display: flex; flex-flow: column nowrap; row-gap: 0.25em; font-size: 0.5em; font-weight: bold; }
.galleryrow p { text-align: start; }
.galleryitem { max-width: 150px; min-width: 150px; max-height: 150px; min-height: 150px; display: inline-block; user-select: none; cursor: pointer; border-radius: 0.5em; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: rgba(0, 0, 0, 0); transition: filter 200ms ease-in-out; }
.galleryitem:active { filter: sepia(100%); }
@media (hover: hover) { .galleryitem:hover { filter: sepia(50%); } .galleryitem:active { filter: sepia(100%); } }