@import url("/Assets/CSS/Exercise.css");

#Exercise {
	margin: 0;
	counter-reset: rowNumber;
	border-collapse: separate;
	border-spacing: 0.5rem;
}
	#Exercise tr::before {
		display: table-cell;
		counter-increment: rowNumber;
		content: counter(rowNumber, devanagari) ".";
		padding-right: 0.2em;
		text-align: right;
	}

td {
	width: 4rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 0.2rem;
	transition: background 1s;
	cursor: pointer;
}
	td.hover {
		background: rgba(255, 255, 255, 0.2);
	}
	td.exact {
		background: #4CAF50;
	}
	td.wrong {
		background: #F44336;
	}