body{
	
	margin:0px;
	background-image:url('../images/5-01.jpg');
	background-size: 100% 100%;
	overflow:hidden;
	
	
}




.no_p{
	height:100%;width:0%;position: absolute;top:  0px;left:0px;display:flex !important;z-index:9999999999;background-color:#151616;
}

.no_p>p{

	opacity:0;
}

.option_con2{

	height: 100vh;
	display: flex;
	width:100vw;
	transform: translateX(100vw);
	position: absolute;
	z-index: 101;


}



.answer_con{

	position: absolute;
	top: 0px;
	left:0px;
	height: 100vh;
	width: 100vw;
	display: flex;
	z-index: 4;


}
.answer{

	height: 7vh;
	width: 40vw;

	margin: auto;
}
#form1{

	height: 100%;
	width: 100%;


}

#answer_1{

	width: 100%;
	border-radius: 50px;
	height: 100%;
	letter-spacing:1vw;
	color:#d1a34c;
	background:rgba(0,0,0,0.5);
	border:0px solid black;
	font-family: 'Open Sans', sans-serif;
	padding-left: 5%;
	outline: 0px;
	font-size: 1.5vw ;
	cursor: pointer;
	transition: 0.5s;



}



#answer_1:hover{

	transform: scale(1.1,1.1);

	height: 100%;
	background-color: black;
	border:0px solid black;
	font-family: 'Open Sans', sans-serif;
	padding-left: 5%;
	outline: 0px;
	font-size: 1.5vw ;



}


.layers{


		height: 100vh;
		width: 100vw;


}

.right_menu{

	width:8vw;
	height: 100vh;
	position: absolute;
	top:0px;
	right: 0px;
	/*display: flex;*/

}

.bottom_menu{

	display:flex;
	position: absolute;
	width: 100vw;
	height: 12vh;
	background-color: rgba(256,256,256,1);
	left: 0px;
	z-index: 1000;
	top: 88vh;



}
.right_menu_item{


	margin:auto;
	transform: rotateZ(-90deg);	
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 0.8vw;
	width: 50vw;
	letter-spacing: 0.3vw;
	cursor: pointer !important;



}
.menu_item{

	width: 25%;
	height: 100%;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 0.8vw;
	letter-spacing: 0.3vw;
	cursor: pointer !important;


	transition: transform 0.9s cubic-bezier(0.075, 0.82, 0.165, 1);


}

.menu_item:hover{

	transform: translateY(-20%) scale(1.2,1.2);


}
.logo{
	opacity: 0.2;
}

.logo>img{


	width: 4vw;
	margin-top: 3vh;

	margin-left: 1.5vw;
	height: auto;


}





.answer{

	font-size: 1vw;
	
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-align: center;

}






#scene{

	/*overflow: hidden;*/
		height: 100vh ;
		width: 100vw;
}
.question{

		display: flex !important;


}

img{

	height: auto;
	width: 100%;
}

.fence_img{

	width:150%;
	height: 100%;
	margin-left: -25%;


}


.question>div>p{

		padding-bottom: 30vh;
		 
	transition: 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);	

		 background: black;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;


}

.innerq{

	margin:auto;
	padding: auto;
	font-size: 6vw;
	text-align: center;
	font-weight: 800;
	letter-spacing: 1vw	 ;
	text-transform: uppercase;
	font-family: 'Lakki Reddy', cursive;
}


.quiz{
font-size: 1vw !important;
	


}