.gamebox{
	width:100%;
	height:100%;
}
/***** Take a photo button ******/
.takeaphoto{
	padding:3% 2%;
	left:55%;
	top:75%;
	background:radial-gradient(rgba(150,200,20,0.8),rgba(20,100,0,0.8));
	border-radius:50%;
	font-weight:bold;
	box-shadow:rgba(0,0,0,1) 0px 0px 3px;
}
.takeaphoto:hover{
	cursor:pointer;
	background:radial-gradient(rgba(170,220,40,0.9),rgba(20,100,0,0.9));
	box-shadow:rgba(255,255,255,1) 0px 0px 10px;
}


/****** Q1 ******/
.q1{
	background:rgba(150,150,150,0.8);
	width:100%;
	height:88%;
	left:0%;
	top:12%;
}
.q1 img{
	opacity:0.9;
	width:30%;
	top:15%;
	left:35%;
	box-shadow:rgba(0,0,0,1) 0px 0px 5px;
}

/****** Q2 ******/
.q2{
	background:rgba(150,150,150,0.8);
	width:100%;
	height:88%;
	left:0%;
	top:12%;
}
.q2 img{
	opacity:0.9;
	width:60%;
	top:28%;
	left:18%;
	box-shadow:rgba(0,0,0,1) 0px 0px 5px;
}
.q2 .takeaphoto{
	left:68%;
	top:72.5%;
}
/****** Q3 ******/
.q3{
	background:rgba(150,150,150,0.8);
	width:100%;
	height:88%;
	left:0%;
	top:12%;
}
.q3 img{
	opacity:0.9;
	width:60%;
	top:28%;
	left:18%;
	box-shadow:rgba(0,0,0,1) 0px 0px 5px;
}
/****** Q4 ******/
.q4{
	background:rgba(150,150,150,0.8);
	width:100%;
	height:88%;
	left:0%;
	top:12%;
}
.q4 img{
	opacity:0.9;
	width:36%;
	top:14%;
	left:31%;
	box-shadow:rgba(0,0,0,1) 0px 0px 5px;
}
.q4 .takeaphoto{
	top:80%;
	left:57%;
}
/****** Q5 ******/
.q5{
	background:rgba(150,150,150,0.8);
	width:100%;
	height:88%;
	left:0%;
	top:12%;
}
.q5 img{
	opacity:0.9;
	width:36%;
	top:14%;
	left:31%;
	box-shadow:rgba(0,0,0,1) 0px 0px 5px;
}
.q5 img:hover{
	cursor:grab;
}