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

#Sources img:last-child {
	width: 20vw;
}

h4 {
	text-align: center;
	font-style: normal;
}

#Help h3 {
	margin: 0 0 0.2rem -0.5rem;
}

[id^='Exercise'] {
	margin: auto;
	border-collapse: separate;
	border-spacing: 0.5rem 0;
}
	[id^='Exercise'] th {
		font-weight: normal;
	}
	[id^='Exercise'] td {
		text-align: center;
		vertical-align: middle;
	}
	[id^='Exercise'] td[class^="s"] {
		padding: 0;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 0.2rem;
		min-width: 3.5rem;
		height: 3.5rem;
		transition: all 1s;
	}
		[id^='Exercise'] td[class^="s"].hover {
			background: rgba(255, 255, 255, 0.2);
		}
		[id^='Exercise'] td[class^="s"].exact {
			background: #4CAF50;
		}
		[id^='Exercise'] td[class^="s"].wrong {
			background: #F44336;
		}
	[id^='Exercise'] img {
		width: 3rem;
		height: 3rem;
	}

#Symbols {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 0.2rem;
	text-align: center;
	width: fit-content;
	cursor: move;
}
	#Symbols img {
		margin: 0.5rem 1rem;
		width: 3rem;
		height: 3rem;
		cursor: pointer;
	}