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

#Help table {
	margin: 0;
}
	#Help table td {
		width: 20rem;
	}

#Types, #Words {
	font-size: 1.2rem;
}

#Types {
	border-collapse: separate;
	border-spacing: 1rem 0.5rem;
}
	#Types object {
		width: 3rem;
	}
	#Types td {
		background: rgba(255, 255, 255, 0.1);
		border-radius: 0.2rem;
		width: 5rem;
		height: 3rem;
		padding: 0;
		text-align: center;
		vertical-align: middle;
		transition: all 1s;
	}
		#Types td.hover {
			background: rgba(255, 255, 255, 0.2);
		}
		#Types td.exact {
			background: #4CAF50;
		}
		#Types td.wrong {
			background: #F44336;
		}

#Words {
	position: absolute;
	left: calc(50vw + 20rem);
	top: 120vh;
}
	#Words li {
		background: black;
		border-radius: 0.2rem;
		list-style: none;
		margin: 0.5rem;
		padding: 0.5rem;
		text-align: center;
		cursor: pointer;
	}