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

#Sources a img:first-child {
	width: 10vw;
}

.word {
	color: #FF9800;
}
.verb {
	color: #AAAAAA;
}
.stuck {
	background: none;
	color: #AAAAAA !important;
	cursor: auto !important;
}

#Exercise {
	margin: 0;
	counter-reset: rowNumber;
}
	#Exercise tr:not(:first-child)::before {
		display: table-cell;
		counter-increment: rowNumber;
		content: counter(rowNumber, devanagari) ".";
		padding-right: 0.2em;
		text-align: right;
	}
	#Exercise th {
		text-align: left;
		text-indent: 10em;
		font-size: 1.2rem;
	}

#Exercise span:not(.verb) {
	color: #FF9800;
	cursor: pointer;
	transition: color 1s;
}
	#Exercise span:not(.verb):hover {
		color: #666666;
	}
	#Exercise span.verb {
		color: #AAAAAA;
	}

#Types {
	border-collapse: separate;
	border-spacing: 0.5rem;
	background: #000;
	border-radius: 0.5rem;
	cursor: move;
}
	#Types th {
		font-size: 1.2rem;
	}
	#Types td {
		background: rgba(255, 255, 255, 0.1);
		border-radius: 0.2rem;
		width: 5rem;
		height: 3rem;
		padding: 0;
		text-align: center;
		vertical-align: middle;
		transition: all 1s;
		cursor: auto;
	}
		#Types td.hover {
			background: rgba(255, 255, 255, 0.2);
		}
		#Types td.exact {
			background: #4CAF50;
		}
		#Types td.wrong {
			background: #F44336;
		}