.heading
{
	width:100vw;
	height:10%;
	background-color: gray;
	color: white;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin:0;
	padding-top:9px;
}
.ansDiv
{
	background-color: rgb(204, 204, 204);
	padding: 15px;
	border-radius: 8px;
}
.ans
{
	margin:20px;
	font-size: 22px;
	font-weight: bold;
}
.body
{
	padding:0;
	margin: 0;
	width:100vw;
	height: 100vh;
}
.container
{
 
    margin:20px;
	width:90vw;
	background-color: white;
	padding: 10px;
	border-radius: 10px;
	height:70%;

}
.ques
{
 font-size:20px;
 font-weight: bold;   
}
/* .btn-grid
{
	display: grid;
	grid-template-columns: repeat(1,1fr);
	grid-template-rows: repeat(1,1fr);
	gap:20px;
	margin:20px 0;
	
} */
.btn
{
	background-color: green;
	border:1px solid black;
	padding:5px 10px;
	border-radius: 5px;
	outline:none;
	color: white;
	height:80px;
}

.btn:hover
{
	border-color: white;
}
.start-btn
{
	
    font-size:2rem;
	font-weight: bold;
	padding: 10px 20px;
	width:200px;
    height:70px;
	margin:20%;
	margin-left: 47%;
}
.next-btn
{
	font-size:2rem;
	font-weight: bold;
	padding: 10px 10px;
	width:150px;
    height:50px;
	margin-left:200px;

}
.submit-btn
{
	margin-left: 20px;
	margin-top: 40px;
	font-size:1.5rem;
	font-weight: bold;
	padding: 10px 20px;
	width:150px;
	height: 50px;
	background-color: rgb(255, 204, 0);
	border-radius: 5px;
	color: black;

}
.next-btn
{
	margin-left: 20px;
	margin-top: 40px;
	font-size:1.5rem;
	font-weight: bold;
	padding: 10px 20px;
	width:150px;
	height: 50px;
	background-color: rgb(0, 153, 51);
	border-radius: 5px;
	color: white;

}
/*.controls
{
	display: flex;
}*/
.hide
{
	display: none;
	
}
.correct-btn
{
	margin-top:20px;
	border-radius: 5px;
	padding: 5px 10px;
	outline:none;
	height:50px;
    width:150px;
	background-color: lightgreen;
	font-size:22px;
	font-weight: bold;
	color:black;
	display: none;
}
.result1
{

	margin-top:-33%;
	font-size:22px;
	width:90vw;
	border:2px solid blue;
	border-radius: 5px;
	background-color: lightblue;
}
.restart
{
	border-radius: 5px;
	padding: 5px 10px;
	outline:none;
	color: white;
	height:50px;
    width:200px;
    background-color: red;
    font-size: 1.3rem;
	font-weight: bold;
	display: none;
	margin:20px auto;

}
 @media all and (max-width:600px)
 {
    .result1
    {
	margin-top:-63%;
    }
 }