body, html
{
	background-color: transparent;
	height: 100%;
	overflow: hidden;
}
button{
	background-color: transparent;
	border: 3px solid black;
}

.Button 
{
	background-color: lightcoral;
	font-size: 4rem;
}

.Label
{
	font-size: 4rem;
}
.Button:hover
{
	background-color: red;
}

.FullPage
{
	width: 100%;
	height: 100%;
}

.NoGrabHighlight
{
	background-color: white;
}

.InRangeHighlight
{
	background-color: lightblue;
}

.GrabbedHighlight
{
	background-color: blue;
}

.imageMenuButton{
	height: 100%;
	width: 100%; /*things to try: max width?*/
	box-sizing:border-box;
	min-width: 100%;
	max-width: 100%;
}

.imageMenuImage{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.imageMenuContainer{
	display: grid;
	grid-template-columns: 20vw 20vw 20vw 20vw;
	gap: 4vw;
	margin-left: 4vw;
}

.displayedImage{
	width: 90%;
	height: auto;
	bottom: 0px;

	text-align: center;
}

.imageDisplayButton{
	font-size: 3rem;
}

#noImageText{
	font-size: 3rem;
	color: grey;
	margin: 0 auto;
}

#uploadButton{
	font-size: 3rem;
	margin-top: 2vh;
}
