/* MarkoFiume.com/pages.css */
/* Page specific settings (backgrounds, themes, etc.) as well as nav link settings */

/*#page-home      { --bg: linear-gradient(to bottom right, #00FF00, #00FFFF); }*/
#page-home      {
	--bg: linear-gradient(
		to bottom right,
		#FF0000 calc((100% / 6) * 0),	#FF0000 calc((100% / 6) * 1),
		#FF8000 calc((100% / 6) * 1),	#FF8000 calc((100% / 6) * 2),
		#FFFF00 calc((100% / 6) * 2),	#FFFF00 calc((100% / 6) * 3),
		#00FF00 calc((100% / 6) * 3),	#00FF00 calc((100% / 6) * 4),
		#0080FF calc((100% / 6) * 4),	#0080FF calc((100% / 6) * 5),
		#FF00FF calc((100% / 8) * 5),	#FF00FF calc((100% / 8) * 6)
	);
}
#page-about     { --bg: linear-gradient(to bottom right, #00FFFF, #0000FF); }
#page-blog      { --bg: linear-gradient(to bottom right, #0000FF, #FF00FF); }
#page-tweets    { --bg: linear-gradient(to bottom right, #000000, #00FFFF); }
#page-photos    { --bg: linear-gradient(to bottom right, #0080FF, #00FF80); }
#page-guestbook { --bg: linear-gradient(to bottom right, #FF0000, #0000FF); }
#page-changelog { --bg: linear-gradient(to bottom right, #FF00FF, #00FFFF); }
#page-archives  { --bg: linear-gradient(to bottom right, #FF0000, #FF00FF); }
#page-music     { --bg: linear-gradient(to bottom right, #FF8000, #8000FF); }
#page-bbs       { --bg: linear-gradient(to bottom right, #000000, #404040); }

html#page-home #link-home,
html#page-about #link-about,
html#page-blog #link-blog,
html#page-tweets #link-tweets,
html#page-photos #link-photos,
html#page-guestbook #link-guestbook,
html#page-changelog #link-changelog,
html#page-archives #link-archives
{
	background-color: #ffffff40;
	color: #ffffffff;
	text-shadow: 0 0 4px #ffffffff;
}