/* CSS Document */

.circularMSG {
  position: relative;
  font-family: times new roman;
  font-size: 20px;
  background: #ffab45;
  color: #333333;
  font-weight:bold;
  text-align:center;
  border-radius: 90%;
  padding: 10px 40px;
  max-width: 120px;
}
.circularMSG1 {
  background: #ffab45;
  width: 15px;
  padding: 12px; /* distance between circles */
  border-radius: 50%;
  position: absolute;
  left: 50px;
  bottom: -25px;
}
.circularMSG2 {
  background: #ffab45;
  width: 8px;
  padding: 10px;
  border-radius: 50%;
  position: absolute;
  bottom: -45px;
}

.questions {
	  background-color: #ffab45;
	  border-left: 6px solid #ffeb3b;
		} 

.timeSpans{ 
	padding: 8px;   
	border-radius: 18%; 
	background: #ffab45; 
	color:#333333;
	font-size:20px;
	font-weight:bold;
	display: inline-block; 
	} 

	.blinking{
		 animation:blinkingText 1.4s infinite;
	}
	@keyframes blinkingText{
		0%{     color: #000;    }
		49%{    color: #000; }
		60%{    color: transparent; }
		99%{    color:transparent;  }
		100%{   color: #000;    }
	}
	.ResultContainer {
		font-family:Verdana;
		font-size:16px;
		position: absolute;
		width: 410px;
		height:390px;
		border-radius:50%;
		top: 28%;
		right: 15%;
		box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
	}
	.ResultTable
   {
	font-family:Verdana;
	position: absolute;
	width: 95%;
	top: 35%;
	right: 2%;                
	}