:root {
	--dark1: rgb(31,36,42);
	--dark3: rgb(31,36,42);
	--dark4: rgb(44,48,55);
	--dark5: rgb(54,59,62);
	--dark6: rgb(63,68,71);
	--light9: rgba(255, 255, 255,0.9);
	--light8: rgba(255, 255, 255,0.8);
	--light6: rgba(255, 255, 255,0.6);
	--light7: rgba(255, 255, 255,0.7);
	--light5: rgba(255, 255, 255,0.5);
	--limeDuolingo: rgb(150, 210, 50);
	--violetDuolingo: rgb(206, 130, 255);
}

@media only screen {
	body {
		max-width: 600px;
		min-width: 300px;
		margin: auto;
	}
}

.card {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 20px;
	text-align: center;
	-webkit-font-smoothing: auto;
}
#front {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 20px;
	text-align: center;
	padding-bottom: 5px;
	-webkit-font-smoothing: auto;
}
.win .card { color:  var(--light9); background-color: var(--dark3);}
.mobile .card { color:  var(--light9); background-color:  var(--dark3);}

#interval {
	float:right
}

#tags {
	font-family: arial;
	text-align: left;
	color: var(--light5);
	font-size: 16px;
	padding: 0px;
	
}
.tag { 
	background-color:var(--dark4); 
	border-radius: 4px;
	padding: 3px 5px;
}



#answer {
	border: 0;
	height: 1px;
	background: #444;
	background-image: -o-linear-gradient(left, #444, #999, #444);
	background-image: -ms-linear-gradient(left, #444, #999, #444);
	background-image: -moz-linear-gradient(left, #444, #999, #444);
	background-image: -webkit-linear-gradient(left, #444, #999, #444);
}

hr {
	border: 0;
	height: 1px;
	background: #444;
}

.extra {
	border-radius: 3px;
	font-size: 85%;
	text-align: left;
	padding: 10px 16px 10px 16px;
	color: var(--light7);
	background-color: var(--dark4);
}

.cloze {
  //font-weight: bold;
	font-weight: 600;
	color: var(--limeDuolingo);
}