@charset "UTF-8";



body {
	width:100%;
	margin-top: 0px;
	margin:0px;
	padding: 0px;
	float: none;
	background-color:#000000;
	text-align: center;
	color: #ffffff;
}

h1 {
	color: #ffffff;
}

.topimg img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 50vh;
	width: auto;
}

.dateimg img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 50vw;
}

.timer {
	text-align: center;
	color: #ffffff;
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
}

.mainimg img{
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 40vw;
}

.manualimg img{
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 90vw;
}

.answersimg img{
	margin-left: auto;
	margin-right: auto;
	height: 90vh;
}

.header img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 10vw;
	padding: 20px 20px 20px 20px;
}



.footer img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 40vw;
	padding: 20px 20px 20px 20px;
}

@media only screen and (max-width: 2000px) and (orientation : portrait) {
.mainimg img{
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 80vw;
}
.header img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 40vw;
	padding: 20px 20px 20px 20px;
}
}