.background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
}
.bg-2{
	background-color: #ffc278;
}
.diy-text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 5.5vw;
}
@media(min-aspect-ratio:4/3){
	.diy-text{
		font-size: 7.5vh;
	}
}
.eins-2{
	position: absolute;
	top: 0%;
	left: 0%;
	height: 15%;
	width: 100%;
	padding: 1.5%;
	font-size: 3vw;
	font-family: poppins;
	color: white;
	background-color: #fc8f69;
	text-align: center;
}
.eins-2>p{
	position: absolute;
	top: 50%;
	left: 2.5%;
	width: 95%;
	transform: translateY(-50%);
}
@media(min-aspect-ratio:4/3){
	.eins-2{
		font-size: 4vh;
	}
}
.eques-2{
	position: absolute;
	top: 15%;
	left: 0%;
	width: 100%;
	background-color: white;
	color: #000000;
	font-size: 3.3vw;
	font-family: abeezee;
	text-align: center;
	padding: 1%;
}

@media(min-aspect-ratio:4/3){
	.eques-2{
		font-size: 4.5vh;
	}
}

.option-block-2{
	position: absolute;
	top: 30%;
	left: 30%;
	width: 40%;
	height: 65%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
.option-block-2>p{
	position: relative;
	width: 100%;
	border-radius: 2vmin;
	background: #4472c4;
	color: white;
	padding: 1% 8%;
	text-align: left;
	font-size: 3vw;
	font-family: abeezee;
	cursor: pointer;
}
.option-block-2>p:hover{
	filter: brightness(125%) contrast(125%);
	-webkit-filter: brightness(125%) contrast(125%);
}
@media(min-aspect-ratio:4/3){
	.option-block-2{
		font-size: 4vh;
	}
}

.imagestartpos {
	position: absolute;
	width: 10%;
	display: none;
	left: 100%;
	top: 14%;
	transform: translateY(-7%);
}
/* .tick{
	top: 7%;
	left: 100%;
} */
.opns.correct-ans{
	pointer-events: none;
	background-color: #98C02E;
	border: 0.5vmin solid #DEEF3C;
	color: white;
}
.opns.incorrect-ans{
	pointer-events: none;
	background-color: #FF0000;
	border: 0.5vmin solid #980000;
	color: white;
}



.summary{
	position: absolute;
	top: 0%;
	left: 0%;
	height: 15%;
	width: 100%;
	padding: 1.5%;
	font-size: 4.6vw;
	font-family: poppins;
	color: white;
	background-color: #fc8f69;
	border-bottom: 1vmin solid white;
	text-align: center;
}
.summary>p{
	position: absolute;
	top: 50%;
	left: 2.5%;
	width: 95%;
	transform: translateY(-50%);
}
@media(min-aspect-ratio:4/3){
	.summary{
		font-size: 6vh;
	}
}
.practice-more{
	position: absolute;
	bottom: 7.5%;
	left: 50%;
	transform: translate(-50%, 0%);
	font-size: 2.5vw;
	background-color: #39e5b7;
	color: white;
	padding: 1%;
	border-radius: 2vmin;
	font-family: sniglet;
	border: 0.5vmin solid #2db691;
	z-index: 10;
	cursor: pointer;
}
@media(min-aspect-ratio:4/3){
	.practice-more{
		font-size: 3.3vh;
	}
}
.practice-more:hover{
	border-color: #3cdfb2;
	background-color: #64ffd0;
	color: #434343;
}
.summary-listblock{
	position: absolute;
	width: 95%;
	height: 70%;
	bottom: 5%;
	left: 2.5%;
	border-radius: 10vmin;
	background-color: #feffdf;
}
.summary-list{
	position: absolute;
	width: 80%;
	left: 10%;
	top: 1.5%;
	height: 80%;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: space-around;
	list-style-type: disc;
	font-size: 2.6vw;
}
.summary-list li{
	width: 100%;
}

.summary-list p{
	text-align: left;
	width: 100%;
}
.opns{
	width: 100%;
	background: #4472c4;
	border-radius: .5em;
	color: #fff;
}
.opns:hover{
	cursor: pointer;
}
@media(min-aspect-ratio:4/3){
	.summary-list{
		font-size: 3.3vh;
	}
}
.si-2{
	left: 4%;
}
.si-3{
	left: 10%;
}