/* Copyright (c) 2025 by Martin Steyn. All rights reserved. */


/* IMPORT CSS FILES */

@import url(desktop_v1.css);
@import url(desktop_books_v1.css);
@import url(desktop_books_black_v1.css);


/* IMAGES */

@media (max-aspect-ratio:16/9)
	{
		.Background1, .Background3
			{
				background-image:	url(../images/bg_DarkTraces1.jpg);
			}
		.Background2
			{
				background-image:	url(../images/bg_DarkTraces2.jpg);
			}
	}

@media (min-aspect-ratio:16/9)
	{
		.Background1, .Background3
			{
				background-image:	url(../images/bg_DarkTracesW1.jpg);
			}
		.Background2
			{
				background-image:	url(../images/bg_DarkTracesW2.jpg);
			}
	}

#Landing img
	{
		max-width:						480px;
		filter:							invert(100%);
		opacity:						0.8;
	}

.OneLiner, .Shouts blockquote
	{
		color:							rgb(0,0,0);										/*black #000*/
		font-weight:					600;
	}

.OneLiner
	{
		font-size:						1.1rem;
	}


/* RESPONSIVE STYLES */

@media (max-height: 699px)
	{
		#Landing img
			{
				max-width:				380px;
			}
	}


/* ANIMATION & EFFECTS */

@keyframes FadeIn15
	{
		0%, 15%
			{
				opacity:				0;
			}
		75%, 100%
			{
				opacity:				0.8;
			}
	}


/* LINKS */

h2, #Reviews blockquote, #Characters q, #Order p,
#Banner nav a:hover, #Banner nav a:active, #Banner nav a.Selected,
.Language a:hover, .Language a:active
	{
		color:							rgb(60,165,160);								/*teal #3ca5a0*/
	}

.Lapa:hover, .Lapa:active, .Graffiti:hover, .Graffiti:active,
.Loot:hover, .Loot:active, .Takealot:hover, .Takealot:active,
.Amazon:hover, .Amazon:active,
.Contact:hover, .Contact:active, .Facebook:hover, .Facebook:active,
.Instagram:hover, .Instagram:active, .Youtube:hover, .Youtube:active
	{
		background-color:				rgb(60,165,160);								/*teal #3ca5a0*/
	}