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

#Definitions {
	border-collapse: separate;
	border-spacing: 5rem 0
}
	#Definitions th {
		font-size: 1.4rem;
	}

#Exercise {
	margin: auto;
	color: white;
}
	#Exercise th, #Exercise td {
		vertical-align: middle;
		text-align: center;
		overflow: hidden;
		padding: 0;
		width: 2.6rem;
		height: 2.6rem;
	}
	#Exercise th, #Exercise td:first-child {
		border: thin solid black;
		background: #954A8B;
		font-weight: normal;
	}

input {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 0.2rem;
	border: none;
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1.3rem;
	text-align: center;
	vertical-align: middle;
	transition: all 1s;
}

#Letters {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 0.2rem;
	font-size: 1.2rem;
	cursor: move;
}
	#Letters td {
		float: left;
		width: 1rem;
		height: 1.6rem;
		border-radius: 0.2rem;
		margin: 0.2rem;
		text-align: center;
		vertical-align: middle;
		color: white;
		cursor: pointer;
	}
		#Letters td:nth-child(2), #Letters td:nth-child(4), #Letters td:nth-child(9) {
			margin-right: 2rem;
		}

.vowel {
	background: brown;
}
.matra {
	background: purple;
}
.conso {
	background: blue;
}
.anusvara, .candrabindu {
	background: darkblue;
}
.halant {
	background: green;
}
.nukta {
	background: darkgreen;
}
.empty {
	background: white;
}