.entrada{

	background:#f3f3f3;
	font-family:"Oxanium-Regular";
	font-size:1em;
	border-radius:20px;
}

.quiz{
	background:#be2bbb;
	border-radius:10px;
	color:white;
	font-family:"Oxanium-Medium";
	border:none;
	text-wrap: wrap;
	text-align:left;
	padding:10px;
}

.circle{
  background-color:blue;
  display:block;
  height:50px;
  width:50px;
  border-radius:50%;
  border:5px solid #000;
  margin:auto;
  color:#fff;
  line-height:50px;
  text-align:center
  
}

/* The class 'resultswrap' is used for the HTML element itself. */
.resultswrap {
	font-family: "Oxanium-Medium", sans-serif;	/* Match Arial on the Text object */
	border: no-border;		/* Add a black border */
	overflow-y: auto;				/* Allow vertical scrolling */
	border-radius:30px;
	font-size:1.5em;
	

	
}

.resultswrap::-webkit-scrollbar {
  width: 10px;
}

.resultswrap::-webkit-scrollbar-track {
  background-color:white;
  border-radius:10px;
  
}

.resultswrap::-webkit-scrollbar-thumb {
  
  border: 1px solid transparent;
  background-clip: content-box;
  background-color: #be2bbb;
  border-radius:10px;
}

/* The class 'resultstable' is used for the <table> element. */
.resultstable {
	width: 100%;					/* Fill up the width of the HTML element */	
	border-collapse: collapse;		/* Allow cell borders to collapse */	
	background-color: white;
	color:#535353;
	font-size:1.5em;
	
}

/* Highlight the table header with a grey background */
.resultstable thead {
	background-color: #be2bbb;
	font-family:"Oxanium-Medium";
	color:white;
}

/* For all table cells, show a border and add some padding. */
.resultstable td,
.resultstable th {
	border: none;
	padding: 1.2em;
	font-family:"Oxanium-Medium";
	text-align:center;
}

/* Highlight alternate table rows */
.resultstable tr:nth-child(even) {
	background-color: white;
	color:#535353;
	
}

/* Show the score column bold, and the time column italic */
.resultstable td.score {
	font-weight: bold;
	font-family:"Oxanium-Medium";
	color: #c870ac;
	font-size:1.6;
	
}