body {
	background-image: linear-gradient(135deg, #ccc 5%, #aaa 40%),
		linear-gradient(45deg, #aaa 5%, #ccc 40%);

}

#click {
	position: relative;

	&::before {

		/*content: '\261E';*/
		content: '\1F447';
		position: absolute;


		font-weight: bold;
		font-size: 3em;
		color: #04AA6D;
		transform: translate(0%, -100%);
		animation: jump 1.5s ease-in-out infinite;
	}
}

@keyframes jump {
	from {
		transform: translate(0%, -100%)
	}

	to {
		transform: translate(0%, -50%)
	}

}

#content-item div:not(a):hover {

	background-color: rgba(10, 10, 10, .05);
	transform: translateY(-10px);

}

ul {
	list-style: none;
	/* padding: 0; */
	margin: 0;

	&>li {
		text-indent: -2em;
		margin-left: 2em;
	}
}

ol {
	/* color: red; */
	padding: 0;
	margin: 0;
	margin-left: 0.5em;

	li {
		text-indent: 0em;

	}

}

#content-item span {
	display: inline-block;
	/* postion: relatie; */

	/* &::first-letter { */
	width: 230px;
	color: white;
	background-color: #f3c765;
	padding: 5px 10px;
	border-radius: 20px;
	corner-shape: square bevel bevel square;

	/* } */
}