body {
	background-color: #3c3c3c;
	}
	
body, h1, h2, h3, h4, h5, h6, p, a {
    color: #b3b3b3;
    font-size: 12px;
    font-family: helvetica, arial, tahoma, verdana, sans-serif;
}

img {
	padding: 3px;
}
table, th, td {
	border: 1px solid #7f7f7f;
}
td {
	background-color: #4c4c4c;
	height: 150px;
	width: 150px;
	text-align: center;
	vertical-align: middle;
}
td:hover {background-color: #5c5c5c;}
.textTop {
	width: 800px;
	margin: auto;
	background-color: #3c3c3c;
	text-align: left;
}
.imageDisplay {
	display: flex;
	top: 75px;
	width: 800px;
	height: 800px;
	margin:auto;
	background-color: #4c4c4c;
	border: 2px solid #7f7f7f;
	place-items: center;
	justify-content: center;
}
.textBottom {
	position: absolute;
	width: 100%;
	height: 20px;
	left: 0px;
	top: 885px;
	display: flex;
	background-color: #3c3c3c;
	place-items: center;
	justify-content: center;
}
.thumbDisplay {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 905px;
	display: flex;
	background-color: #949494;
	border: 2px solid #7f7f7f;
	place-items: center;
	justify-content: center;
}

.thumbnails {
	padding: 3px;
	place-items: center;
	height: 135px;
}