html,body{
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	scroll-behavior: smooth;
}
.menu{
	background:#A93226;
	padding: 20px 0; 
}
.menu ul{
	margin: 0;
	padding: 0;
	text-align: center;
}
.menu ul li{
	list-style:none;
	margin: 0 20px;
	display: inline;
}
.menu ul li a{
	color: #fff;
	font-size: 30px;
	line-height: 1em;
	text-decoration: none;
	padding: 15px 20px;
	display: inline-block;
	font-weight: 700;
	transition: 0.5s;
}
.section1,.section2,.section3,.section4{
	min-height: 100vh;
	display: flex;
	color: #E91E63;
}
section:nth-child(odd){
	background: #CD6155;
}
#main1{
	display: flex;
   flex-direction: column;
   position: absolute;
   background-color: white;
   color: black;
   justify-content:center;
   font-size: 20px;
   padding:25px ;
   margin-top: 20px;
   margin-left: 200px;
   margin-right: 100px;
   border: 5px solid #A93226 ;
}
#back{
	color:white;
	background-color:#A93226 ;
	padding: 20px;
	border: 1 px solid #fff;
	border-radius: 20px;   
	font-size:20px;
	cursor: pointer;
}
#next{
	color:white;
	background-color:#A93226;
	padding: 20px;
	border: 1 px solid #fff;
	border-radius: 20px;   
	font-size:20px;
	margin-right: 0px;
	cursor: pointer;
}
#hcfquiz{
	display: flex;
	height: 300px;
	width: 250px;
   flex-direction: column;
   position: absolute;
   background-color: white;
   font-size: small;
   padding:20px ;
   margin-top: 100px;
   margin-left: 500px;
   margin-right: 300px;
   margin-bottom:700px ;
   border-radius:25%;
   border:15px solid #A93226;
}
#startbutton{
	color:white;
	background-color:#A93226 ;
	padding: 20px;
	border: 1 px solid #fff;
	border-radius: 20px;   
	font-size:20px;
	text-decoration: none;
	cursor: pointer;
}
#startbutton a{
	text-decoration: none;
	color: white;
	font-size: 25px;
}
#funpart1
{

   height: 120px;
   width: 600px;
   background-color:#CD6155 ;
   color: black;
   justify-content:center;
   font-size: 25px;
   padding:35px ;
   margin-top: 30px;
   margin-left: 400px;
   margin-right: 100px;
   border: 5px solid #A93226 ;
   border-radius: 25%;
}
#funpart2
{
   height: 120px;
   width: 600px;
   background-color:#CD6155 ;
   color: black;
   justify-content:center;
   font-size: 25px;
   padding:35px ;
   margin-top: 30px;
   margin-left: 400px;
   margin-right: 100px;
   border: 5px solid #A93226;
   border-radius: 25%;
}
#answer1
{
	height: 100px;
	width: 250px;
	background-color:#CD6155;
	text-align: center;
	color: black;
	font-size: 30px;
	padding: 20px;
	margin-left: 600px;
   margin-right: 100px;
   border: 5px solid #A93226 ;
   border-radius: 25%;
   cursor: pointer;
}
#answer2
{
	height: 100px;
	width: 250px;
	background-color:#CD6155;
	text-align: center;
	color: black;
	font-size: 30px;
	padding: 20px;
	margin-left: 600px;
   margin-right: 100px;
   border: 5px solid #A93226 ;
   border-radius: 25%;
   cursor: pointer;
}
#image1
{
    display:none;
    cursor: pointer;
}
 #image2
{
    display:none;
    cursor: pointer;

}
.center{
	margin-left:400px;
margin-right:auto;}