#topics {
	position: absolute;
	top: 60px;
	right: 30px;
	/* width: 300px; */
	/* pointer-events: none; */
	user-select: none;
	font-weight: bold;
	color: #ffffffcc;
	font-size: 0.7em;
	padding: 5px;
	opacity: 0.8;
	text-align: center;
	background-color: hsla(0, 0%, 100%, 0.2);
	border-radius: 10px;
}

#topics a {
	color: #ffffffcc;
	text-decoration: none;
}

#topics.hide {
	/* opacity: 0; */
	animation: topicsFadeOut 2s;
	animation-fill-mode: both;
}

@-webkit-keyframes topicsFadeOut {
	0% {
		opacity: 0.8;
		z-index: 100;
	}

	100% {
		opacity: 0;
		display: none;
		z-index: -1;
	}
}

@-moz-keyframes topicsFadeOut {
	0% {
		opacity: 0.8;
		z-index: 100;
	}

	100% {
		opacity: 0;
		display: none;
		z-index: -1;
	}
}

@keyframes topicsFadeOut {
	0% {
		opacity: 0.8;
		z-index: 100;
	}

	100% {
		opacity: 0;
		display: none;
		z-index: -1;
	}
}