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

#Slider {
	width: 20vw;
	height: 0.3rem;
	margin: 5vh auto;
	text-align: center;
}
#Handle {
	background-color: #954A8B;
	border: none;
	font-size: 1rem;
	color: #FFF;
	width: 2rem;
	height: 2rem;
	top: 45%;
	margin-top: -1rem;
	border-radius: 50%;
	text-align: center;
	line-height: 2rem;
}

#Exercise {
	border-collapse: separate;
	border-spacing: 0.5rem;
}
	#Exercise td {
		width: 1.5rem;
		height: 2rem;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 0.2rem;
		text-align: center;
		vertical-align: middle;
		font-size: 1.5rem;
	}
		#Exercise tr:nth-child(6) td:nth-child(5), #Exercise tr:nth-child(7) td:nth-child(5) {
			visibility: hidden;
		}

#Letters {
	text-align: center;
}
	#Letters span {
		display: inline-block;
		width: 2rem;
		height: 2rem;
		margin: 0.2rem;
		padding: 0.2rem;
		background: #000;
		border-radius: 0.2rem;
		text-align: center;
		vertical-align: middle;
		font-size: 1.5rem;
		cursor: pointer;
	}