.h1 {
	position: absolute;
	color: white;
	text-align: center;
	width: 100%;
	top: 8%;
	font-size: 40px;
	z-index: 5;
}
.sp {
	width: 100%
}
.img1 {
	position: absolute;
/*
	right: 28%;
	top: 20%
*/
}
@media(max-width:1089px){
	.div1 {
		left: 9%;
	}
}
@media(min-width:1089px){
	.div1 {
		left: 28%;
	}
}
.div1 {
	position: absolute;
	z-index: 2;
	top: 21%;
	font-size: 30px;
}
.div2{
	position: absolute;
	width: 505px;
	top: 151px;
	left: 149px;
}
.an1 {
	border-color: black;
	color: black;
	background-color: white
}
.an1:hover {
	background: linear-gradient(white, lightgreen);
	border-radius: 5px;
	border: none;
	color: darkgreen;
}
.an2 {
	border-color: black;
	color: black;
	background-color: white
}
.an2:hover {
	background: linear-gradient(white, lightcoral);
	border: none;
	border-radius: 5px;
	color: maroon;
}
.ans1 {
	position: absolute;
	z-index: 2;
}
.ans11{
	position: absolute;
	z-index: 2;
	 left: 27%;
    top: 300px;
}
.ans2 {
	position: absolute;
	z-index: 2;
	right: 1%
}
.hh1 {
	text-align: center;
	font-weight: bold;
}