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

#Words, #Exercise {
	border-collapse: separate;
	border-spacing: 0.5rem;
}
	#Words td, #Exercise td, #Exercise th {
		width: 4rem;
		height: 1.5rem;
		text-align: center;
		vertical-align: middle;
		background: #000;
		border-radius: 0.2rem;
	}

#Words {
	position: absolute;
	left: 50vw;
	top: 120vh;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 0.2rem;
	cursor: move;
	z-index: 5;
}
	#Words td {
		width: 3.5rem;
		height: 1rem;
		background: #000;
		cursor: pointer;
	}

.motion {
	background: #FF9800 !important;
}

#Exercise {
	margin: 0;
}
	#Exercise th {
		background: #000;
	}
	#Exercise td {
		background: rgba(255, 255, 255, 0.1);
		transition: background 1s;
		cursor: pointer;
	}
		#Exercise td.hover {
			background: rgba(255, 255, 255, 0.2);
		}
		#Exercise td.exact {
			background: #4CAF50;
		}
		#Exercise td.wrong {
			background: #F44336;
		}