body {
	background-color: #121212;
	color: #f0f0f0; 
	display: grid;
	grid-template-columns: 1fr 75% 1fr;
	grid-template-rows: 2fr 80% 1fr;
	grid-template-areas:". . ."
						". center ."
						". . .";
	width: 100vw;
	height: 100vh;
	margin: auto;
	font-family: Tahoma, sans-serif;
	overflow: hidden;
}

#resetSelection{
	background: #303030;
	width: 100%;
	height: 100%;
	grid-area: center;
	border-radius: 25px;
	margin: auto;
	text-align: center;
	display: grid;
	grid-template-areas:". . ."
						". top ."
						". . ."
						". middle ."
						". . ."
						". bottom ."
						". . .";
	grid-template-columns: 1fr 80% 1fr;
	grid-template-rows: 1fr 50% 1fr 20% 1fr 20% 1fr;
}

#image{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	grid-area: top;
	border-radius: 25px;
}

#submit{
	font-weight: 700;
	align: center;
	margin: auto;
	margin-top: 25;
	font-size: 2em;
	width: 100%;
	grid-area: bottom;
	height: 50%;
	border-radius: 12px;
	border: none;
	background-color: #3275a8;
}

#input{
	visibility: hidden;
	grid-area: middle;
	width: 100%;
	height: auto;
	margin: auto;
	font-size: 2em;
}