html {
	height: 100%;
}

body{
	background-color: #111111;
	color: #c0c0c0;
	text-align: center;
	font-size: 12px;
	font-family: Helvetica, Arial, Sans-serif;
	margin: 0;
}	

h1 {
	margin-top: calc(22.5vh / 5);
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
	
a{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

a:hover{
	color:  orange;
	text-decoration: underline;
}

a img{
	border: none;
}

#magnified {
	margin-top: calc(22.5vh / 5);
	margin-bottom: calc(22.5vh / 5);
	width: 90vh;
	height: 60vh;
	object-fit: contain;
}

#gallery {
	width: calc(90vh + 50px);
	text-align: center;
	margin: 0px auto;
}

#navigation {
	width: 90vh;
	font-size: 12px;
	text-align: center;
	padding: 0px;
	margin-top: calc(22.5vh / 5);
	margin-left: auto;
	margin-right: auto;
	font-family: Helvetica, Arial, Sans-serif;
}
	
#gallery td img {
	width: calc((90vh - 200px) / 5);
	height: calc((90vh - 200px) / 15 * 2);
	object-fit: contain;
	background-color: black;
}
	
#selected {
	padding: 1px;
	border: 1px solid #c0c0c0;
}