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

audio {
	display: block;
	margin: 0.5rem auto;
}

table:not(.notes) td:first-of-type {
	text-align: right;
	padding-right: 2rem;
}
table:not(.notes) td:last-of-type {
	text-align: left;
	padding-left: 2rem;
}

#Thumb-1 table:not(.notes) {
	border-collapse: separate;
	border-spacing: 2rem 0.5rem;
}
	#Thumb-1 table:not(.notes) td {
		border-collapse: separate;
		border-spacing: 2rem;
		text-align: center;
		padding: 0;
	}
#Thumb-4 td:nth-last-of-type(2), #Thumb-5 td:nth-last-of-type(2) {
	text-align: center;
}

#Numbers td {
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	line-height: 2rem;
	width: 4rem;
	height: 2rem;
	cursor: pointer;
	transition: all 0.5s;
	}
	#Numbers td:first-of-type, #Numbers td:last-of-type {
		text-align: center;
		padding: 0;
	}
	#Numbers tr:nth-child(odd) td:hover, .highlight {
		color: #E74A22;
		font-size: 2.5rem;
	}