/* remotefilename=/style/styles.css
 *
 *	Copyright © 2025-2026 by FKE Internet.  All rights reserved.
 *
 *	$Id: /style/styles.css,v $
 */
/**
*	Main stylesheet for the skeleton site
*
*	Author:			Fred Koschara
*	Creation Date:	November ninteenth, 2025
*	Last Modified:	May 13, 2026 @ 12:26 pm
*
*	Revision History:
*	   Date		  by		Description
*	2026/05/13	wfredk	add font-weight:normal to 700px media query for IDNR.com
*	2026/05/13	wfredk	remove ChatGPT's suggested top-hugging phone display
*	2026/05/13	wfredk	add proportional scaling for phone displays
*	2026/05/13	wfredk	fix title centered above other elements
*	2026/05/13	wfredk	add .domainName ruleset
*	2026/05/13	wfredk	use variables to define background and title colors
*	2025/11/19	wfredk	change background color from black to royal purple
*	2025/11/19	wfredk	original development, partially extracted from index.php
*/
:root
{	--siteBg:rgb(33,0,99);		/* or black or 99,33,88 or 55,22,99(deep) */
	--titleColor:yellow;
}

*
{	font-family:Verdana,Arial,Helvetica,sans-serif;
}

body
{	background-color:var(--siteBg);
	color:#000;
	font-size:12px;
	margin:0;
}
.pageWrapper
{	align-items:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-height:100vh;			/* required to vertically center on the page */
}

.domainName
{	color:var(--titleColor);
	font-size:36px;				/* min(36px,7vw); clamp(36px,6vw,22px); */
	font-weight:bolder;
}

#visualsRow
{	align-items:center;
	display:flex;
	flex-direction:row;
	justify-content:center;
	transform-origin:top center;
	margin-top:40px;
}
.textColumn
{	margin-left:75px;
}
.siteMessageTitle
{	font-size:16px;
	font-weight:bolder;
}
.textBlock
{	background-color:#aaa;
	border-radius:16px;
	color:#000;
	font-size:12px;
	margin:0;
	padding:20px;
	width:360px;
}

@media (max-width:700px)
{	.domainName
	{	font-size:28px;
		font-weight:normal;
	}
	#visualsRow
	{	transform:scale(.72);
	}
}

@media (max-width:500px)
{	.domainName
	{	font-size:22px;
	}
	#visualsRow
	{	transform:scale(.55);
	}
}
/* EOF: styles.css */