html{
	background-image: linear-gradient(#ffff, #69E1D8);
	font-family: Star wars;
	font-weight: 100%;
	margin: 0;
	padding: 0;
	/*width: 100vh;*/
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
	/*height: 100vh;*/
}

body{
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
}

.active{

}

.divmain{

	background-image: linear-gradient(#12DAD8, #ffffff);
	min-height: 100%;	
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0rem 3rem 0rem 2rem;
	margin: 0rem 0rem 0rem 0rem;
}

.innerdiv{
	padding: 3rem 3rem 3rem 3rem;
	background-color: #CDF8F2;
	margin:3rem 0rem 3rem 0rem;
	border: none;
	border-radius: 1rem; 
	box-shadow: 1rem 1rem 1rem -0.75rem rgba(0,0,0,0.4) ;
	position: absolute;
	
}

ul{

	list-style-type: none;
}

.question{
	padding: 0rem 0rem 0rem 0rem;
	margin: 1rem 2rem 2rem 2rem;
	font-size: 20px;
	color: #237981;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	 word-wrap: break-word;
}

.yourscore{
	padding: 0rem 0rem 0rem 0rem;
	margin: 1rem 2rem 2rem 2rem;
	font-size: 20px;
	color: #237981;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	 word-wrap: break-word;
}

.question:hover{
	cursor :none ;
}

#ans{
	padding: 1rem 1rem 1rem 1rem;
	background-color: white;
	width: 30rem;
	height: 4rem;
	margin: 1rem 5rem 1rem 5rem;

}

#ans:hover{
	background-color: #69E1D8;
	cursor: pointer;
	color: white;
}

#active{
	background-color: #69E1D8;
	color: white;
	cursor: pointer;
	width: 30rem;
	height: 4rem;
	margin: 1rem 5rem 1rem 5rem;
	padding: 1rem 1rem 1rem 1rem;
}


.hover:hover{
	background-color: #69E1D8;
	cursor: pointer;
	color: white;
}



.center {
  display: flex;
  justify-content: center;
  align-items: center;
 
}

.teamimg{
	height: 250px;
	display: flex;
	justify-content: flex-end;
	align-self: flex-end;
  position: absolute;
  top: -8px;
  left: -16px;

}
.textbox{
	margin: 1rem 1rem 1rem 1rem;
}

.pic2{
	height: 250px;
	display: flex;
	justify-content: flex-end;
	align-self: flex-end;
  position: absolute;
  bottom: -8px;
  right: -16px;

}
.namemain{
	display: block;
	position: relative;
}

.timebtn{
	margin: 2rem, 1rem, 2rem, 1rem;
	height: 35px;
	display: flex;
	justify-content: flex-end;
	align-self: flex-end;
  position: absolute;
  top: 8px;
  right: 16px;

}

.quizoption{
	color: #053347;
	font-weight: bold;

}

.starter{

	display: flex;
	justify-content: center;
	align-self: center;
}

#start{

	display: flex;
	justify-content: center;
	align-self: center;
	background-color: white;
	padding: 1rem 1rem 1rem 1rem;
	width: 80%;
	height: 4rem;
	margin: 1rem 5rem 1rem 5rem;

}
#start:hover{

	background-color: #69E1D8;
	color: white;
	cursor: pointer;

}
.question{
	width: 40rem;
	font-weight: bold;
}

.hidden{
	display: none;

}
.display1{
	display: block;

}

.score{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem 1rem 1rem 1rem;
	background-color: #69E1D8;
	width: 30rem;
	height: 4rem;
	margin: 1rem 5rem 1rem 5rem;
	color: white;
	font-weight: bolder;
	height: 100px;
	width: 80%;
}
.scored{
	font-size: 50px;
}
.scoreboard{
	width: 50%;
	
}

.teamimg1{
	height: 250px;
	display: flex;
	justify-content: flex-end;
	align-self: flex-end;
  	position: absolute;
  bottom: -22px;
  left: -85px;

}

.pic21{
	height: 200px;
	display: flex;
	justify-content: flex-end;
	align-self: flex-end;
  position: absolute;
   top: -68px;
  right: -8px;

}

@media screen and (max-width: 700px) 
{

html{
	margin:0px;
	padding: 0px;
	height: 80vh;
	width: 80vh;
}
body{
	padding: 0px;
	margin:0px;
}
	.teamimg1{
	height: 0px;
	width : 0px;

}

.pic21{
	height: 0px;
	width : 0px;

}
.divmain{
	height: 50vh;
	width: 80vh; 
	padding: 0;
}

.innerdiv{
	padding: 0;
	background-color: #CDF8F2;
	margin:0rem 0rem 0rem 0rem;
	border: none;
	top :40%;	
	border-radius: 1rem; 
	box-shadow: 1rem 1rem 1rem -0.75rem rgba(0,0,0,0.4) ;
	position: absolute;
	
}


.timebtn{
	
	margin: 2rem, 1rem, 2rem, 1rem;
	height: 35px;
	display: flex;
	justify-content: center;
	align-self: center;
 	position: absolute;
 	top: 8px;
  	right: 0px;

}/*
 .teamimg{
	height: 250px;
	width: 100px;

}
*/

.pic2{
bottom: -30%;
right: -50%;
}




.score{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem 1rem 1rem 1rem;
	background-color: #69E1D8;
	width: 70%;
	height: 4rem;
	margin: 1rem 5rem 1rem 5rem;
	color: white;
	font-weight: bolder;
	height: 100px;
	
}
.scored{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 50px;
}
.scoreboard{
	width: 80%;
	
}
.yourscore{
	
	font-size: 20px;
	color: #237981;
	
}

}