/* In Text */

a.TextLink{
	text-decoration: none;
	font-weight: bold;
	border-radius: 3px;
	padding:3px;

	display: flex;
	justify-content: center;
	align-items: center;
}

a:link.TextLink {
	color: var(--text);
}

a:visited.TextLink {
	color: var(--text);
}

a:hover.TextLink {
	color: var(--bg);
	background: var(--text);
}

a:active.TextLink {
	background: var(--text);
}

/* In Text (Subtle) */

a.SubtleTextLink{
	text-decoration: underline;
}

a:link.SubtleTextLink {
	color: var(--text);
}

a:visited.SubtleTextLink {
	color: var(--text);
}

a:hover.SubtleTextLink {
	color: var(--text-subtle);
}

a:active.SubtleTextLink {
	background: var(--text);
}

/* Light */

a.TitleLink{
	padding: 10px;
	text-decoration: none;
	height: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 3px;
	font-weight: normal;
}

a:link.TitleLink {
	color: var(--text);
}

a:visited.TitleLink {
	color: var(--text);
}

a:hover.TitleLink {
	background: var(--accent-5);
	cursor:pointer;
}

a:active.TitleLink {
	background: var(--accent-4);
}