@charset "utf-8";
@keyframes anmtenx{
	from{opacity:1;}
	to	{opacity:0;}
}
@keyframes anmpm{
	from{opacity:0;}
	50%	{opacity:1;}
	to	{opacity:0;}
}
@keyframes probAns{
	from{opacity:0;}
	to	{opacity:1;}
}
.sei{	color:red;}
.fu{	color:blue;}
.pm{
	left:20px;
	text-align:center;
	width:22px;
	height:22px;
	border-radius:50%;
	color:white;
	opacity:0;
	position:absolute;
	animation-duration:1s;
	animation-fill-mode:backwards;
	animation-delay:0.8s;
}
.pmp{	background:red;}
.pm0{	background:green;}
.pmm{	background:blue;}
.line{
	
	position: absolute;
	width:0px;
	height:1px;
	border:solid 1px;
	animation-duration:1s;
	animation-fill-mode:forwards;
}
.linep{
	color:red;
	opacity: 0;
	position: absolute;
	/* height:0px; */
	border:solid 1px;
	width:0px;
	animation-duration:0.5s;
	animation-delay:0.5s;
	animation-fill-mode:forwards;
}
.lineph{
	color:red;
	
	position: absolute;
	/* height:0px; */
	border:solid 1px;
	width:0px;
	animation-duration:0.5s;
	animation-delay:1s;
	animation-fill-mode:forwards;
}
.linel{
	color:red;

	position: absolute;
	height:0px;
	border:solid 1px;
	width:0px;
	animation-duration:1s;
	animation-delay:0.75s;
	animation-fill-mode:forwards;
}
.linem{
	color:blue;
	background: blue;
	position: absolute;
	opacity: 0;
	border:solid 1px;
	width:0px;
	animation-duration:0.5s;
	animation-delay:0.5s;
	animation-fill-mode:forwards;
}
.linemh{
	color:blue;
	background: blue;
	position: absolute;
	/* height:0px; */
	border:solid 1px;
	width:0px;
	animation-duration:0.5s;
	animation-delay:1s;
	animation-fill-mode:forwards;
}
.line0{
	color:green;
	
	position: absolute;
	height:0px;
	border:solid 2px;
	border-radius:15%;
	width:0px;
	animation-duration:0.5s;
	animation-delay:0.5s;
	animation-fill-mode:backwards;
}
.lines{
	
	color:red;
	position: absolute;
	border:solid 1px;
	background:red;
	width:0px;
	height:0px;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	animation-delay:0.5s;
	z-index:2;
}
.lineh{
	color:red;
	opacity: 0;
	position: absolute;
	/* height:0px; */
	border:solid 1px;
	width:0px;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	animation-delay:1s;

}
#linev{
	opacity: 0;
}
.delay1{
	animation-delay:0.7s;

}
.imgparab{
	position: absolute;
	top:100px;
	left:10px;
	width:540px;
	height:540px;/*38*/
}
.prob{
	opacity:0;
	position:absolute;
	left:100px;
	width:250px;
	animation-duration:2s;
	animation-fill-mode:forwards;
}
.imgp{object-fit: cover;}
.ans{
	opacity:0;
	position:absolute;
	left:180px;
	animation-duration:2s;
	animation-fill-mode:forwards;
}
button{
	position:absolute;
	top:80px;
	animation-duration:2s;
	animation-fill-mode:forwards;
}
#fnname{
	position:absolute;
	left:380px;
	top:60px;
}
#dotaxh{
	position:absolute;
	top:108px;
	left:43px;
	
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}