* {
	border: 1px red;
}

h1 {
	font-family: "Courier New", Courier, monospace;
}

.photo-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 80vw;
	min-width: 80vw;
	padding: 2%;
}

#header {
	position: sticky;
	bottom:0;
	display: flex;
	/* flex-direction: column; */
	justify-content: space-around;
	background-color: grey;
	height: 10vh;
}

#header button {
	/* width: 100%; */
	font-size: 2em;
	height: 100%;
}

.grid-image {
	aspect-ratio: 1 / 1;
	/* max-width: 30vw; */
	padding: 5%;
	transition: all 50ms;
}

.grid-image.checked {
	background-color: blue;
	padding: 10%;
}

.grid-image img {
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
	object-fit: contain;
}
.grid-image,
.grid-image * {
	user-select: none;
}