html,body{
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	scroll-behavior: smooth;
}
.menu{
	background:#B33771;
	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: 1em;
	line-height: 1em;
	text-decoration: none;
	padding: 15px 20px;
	display: inline-block;
	font-weight: 700;
	transition: 0.5s;
}
.section1,.section2,.section3,.section4,.section5{
	
	display: flex;
	color: #E91E63;
}
section:nth-child(odd){
	background: #cf6a87;
}
#main1{
	display: flex;
   flex-direction: column;
   position: absolute;
   background-color: white;
   color: black;
   justify-content:center;
   font-size: 20px;
   padding:20px ;
   margin-top: 25px;
   margin-left: 200px;
   margin-right: 100px;
   border: 5px solid #B33771;
}
#back{
	color:white;
	background-color:#B33771 ;
	padding: 20px;
	border: 1 px solid #fff;
	border-radius: 20px;   
	font-size:20px;
	margin-right:1300px;
	cursor: pointer;
}
#next{
	color:white;
	background-color:#B33771;
	padding: 20px;
	border: 1 px solid #fff;
	border-radius: 20px;   
	font-size:20px;
	cursor: pointer;
	
}
img {
    width: 60%;
    height: auto;
}
#divisibilityquiz{
	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 #B33771 ;
}
#startbutton{
	color:white;
	background-color:#B33771 ;
	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;
}