.dark-mode {
    background: #343333;
    color: #f5f5f5;
    transition: .3s;
}

.light-mode {
    background: #f5f5f5;
    color: #343333;
    transition: .3s;
}

a:link.light{
    color: #343333;
	transition: .3s;
	text-decoration: none;
}

a:visited.light{
    color: #343333;
	text-decoration: none;
}

a:hover.light{
	color: #4b4b4b;
	transition: .3s;
	text-decoration: none;
}

a:active.light{
	color: #7e7c7c;
	transition: .3s;
	text-decoration: none;
}

a:link.dark{
	color: #f5f5f5;
	transition: .3s;
	text-decoration: none;
}

a:visited.dark{
	color: #f5f5f5;
	text-decoration: none;
}

a:hover.dark{
	color: #838383;
	transition: .3s;
	text-decoration: none;
}

a:active.dark{
	color: #9d9d9d;
	transition: .3s;
	text-decoration: none;
}

a:link.title-light{
    color: #343333;
	transition: .3s;
}

a:visited.title-light{
	color: #db58a6;
}

a:hover.title-light{
	color: #5b5b5b;
	transition: .3s;
}

a:active.title-light{
	color: #7e7c7c;
	transition: .3s;
}

a:link.title-dark{
    color: #f5f5f5;
	transition: .3s;
}

a:visited.title-dark{
	color: #00a3a3;
}

a:hover.title-dark{
	color: #838383;
	transition: .3s;
}

a:active.title-dark{
	color: #9d9d9d;
	transition: .3s;
}