/*////////////////////////////////////////////////////////////////////////////
// Version 1.0 Signed by Sid @ BENTO on 2025-09-08 T 20:25:37 -06:00
// Authentication (do not edit) $mBAA=6MN$
//////////////////////////////////////////////////////////////////////////////
//
// Copyright (c) 2025 by Sid Paral. All rights reserved
//
// Permission to use, copy, modify, and distribute this software for any
// purpose with or without fee is hereby granted, provided that the above
// copyright notice and this permission notice appear in all copies.
//
// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
// WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
// MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
// ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
// WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
// ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
// OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
//
//////////////////////////////////////////////////////////////////////////////
//
// WA.css
//
////////////////////////////////////////////////////////////////////////////*/

:root						{
								--cs-base-back-color:			#FFF;
								--cs-base-text-color:			#000;
								--cs-base-rim-color:			#000;
								--cs-base-alnk-color:			#099;
								--cs-base-avis-color:			#909;
								--cs-base-ahov-color:			#090;
								--cs-base-aact-color:			#CC0;
							}

body						{	background-image:				url("fourleafclover_background.jpg");
								background-size:				calc(8.333vw + 8.333vh) auto;
								background-repeat:				repeat;
								background-attachment:			local;
								display:						block;
								margin:							0;
								padding:						0;
							}

/****************************************************************************/

.corpus						{	display:						block;
								padding:						var(--cs-base-padding);
							}
.title						{
								max-width:						80rem;
								display:						flex;
								flex-direction:					row;
								flex-wrap:						nowrap;
								justify-content:				center;
								align-items:					center;
							}
.tit-wrap					{
								position:						relative;
								width:							100%;
								background-color:				rgba(0%,0%,0%,1);
								display:						flex;
								flex-direction:					row;
								flex-wrap:						nowrap;
								justify-content:				flex-start;
								align-items:					center;
							}
.tit-pic					{
								width:							100%;
								height:							auto;
							}
.tit-overlay				{
								position:						absolute;
								z-index:						1;
								left:							0px;
								right:							0px;
								top:							0px;
								bottom:							0px;
								padding:						var(--cs-base-padding);
								color:							var(--cs-base-back-color);
								display:						flex;
								flex-direction:					column;
								flex-wrap:						nowrap;
								justify-content:				flex-start;
								align-items:					flex-end;
								gap:							var(--cs-base-padding);
							}
.ver-switch					{	position:						absolute;
								z-index:						2;
								left:							var(--cs-base-padding);
								bottom:							var(--cs-base-padding);
								padding:						calc(0.5 * var(--cs-base-padding));
								border-radius:					var(--cs-base-butt-radius);
								background-color:				rgba(100%,100%,100%,0.7);
								align-self:						flex-end;
							}
.tit-sub,
.tit-main					{
								font-size:						7vw;
								font-weight:					bold;
								font-style: 					italic;
								text-align:						right;
							}
.tit-sub					{
								font-size:						4vw;
							}
.note						{	font-size:						1em;	}
.corpus > .break			{
								margin-top:						calc(0.5 * var(--cs-base-padding));
								margin-bottom:					calc(0.5 * var(--cs-base-padding));
							}
code						{	color:							darkblue;		}