/*////////////////////////////////////////////////////////////////////////////
// Version 1.0 Signed by Sid @ BENTO on 2025-09-09 T 19:39:58 -06:00
// Authentication (do not edit) $YBAAqv8J$
//////////////////////////////////////////////////////////////////////////////
//
// 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.
//
//////////////////////////////////////////////////////////////////////////////
//
// we.css
//
////////////////////////////////////////////////////////////////////////////*/

:root						{
								--cs-base-back-color:			#FFF;
								--cs-base-text-color:			#000;
								--cs-base-rim-color:			#000;
								--cs-base-alnk-color:			#066;
								--cs-base-avis-color:			#606;
								--cs-base-ahov-color:			#060;
								--cs-base-aact-color:			#990;
							}

body						{
								margin:							0;
							}

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

.page						{
								position:						fixed;
								left:							0px;
								right:							0px;
								top:							0px;
								bottom:							0px;
								padding:						var(--cs-base-padding);
								display:						flex;
								flex-direction:					column;
								flex-wrap:						nowrap;
								justify-content:				center;
								align-items:					center;
								gap:							var(--cs-base-padding);
							}
.behind						{
								position:						fixed;
								opacity:						.3;
								left:							0px;
								right:							0px;
								top:							0px;
								bottom:							0px;
								background-image:				url('vltava-hd.jpg');
								background-position:			center center;
								background-repeat:				no-repeat;
								background-size:				cover;
							}
.title						{
								font-size:						calc(0.5rem + 4vmin);
								font-weight:					bold;
								display:						block;
								text-align:						center;
							}
.subtitle					{
								font-size:						calc(0.5rem + 2vmin);
								display:						block;
								text-align:						center;
							}
.tit-wrap					{
								display:						flex;
								flex-direction:					column;
								flex-wrap:						nowrap;
								justify-content:				center;
								align-items:					center;
							}
.anno-group					{
								width:							100%;
								display:						flex;
								flex-direction:					row;
								flex-wrap:						nowrap;
								justify-content:				center;
								align-items:					stretch;
								gap:							calc(2 * var(--cs-base-padding));
							}
.anno-side					{
								display:						flex;
								flex-direction:					column;
								flex-wrap:						nowrap;
								justify-content:				space-between;
								align-items:					center;
								gap:							var(--cs-base-padding);
							}
.anno-side.left				{
								align-items:					flex-end;
								text-align:						right;
							}
.anno-side.right			{
								align-items:					flex-start;
								text-align:						left;
							}
.anno-xtra,
.anno-msg					{
								font-size:						calc(0.4rem + 1.2vmin);
							}
.anno-xtra					{
								display:						block;
							}
.anno-msg					{
								display:						block;
								font-weight:					bold;
							}
.bouquet					{	align-self:						center;			}
.e2e-wrap					{
								display:						block;
								min-height:						0;
								max-width:						calc(100vw - 2 * var(--cs-base-padding));
								object-fit:						contain;
							}
.e2e						{
								width:							100%;
								height:							100%;
								border-radius:					var(--cs-base-pic-radius);
							}
.rest						{
								flex-grow:						2;
								width:							100%;
								display:						flex;
								flex-direction:					column;
								flex-wrap:						nowrap;
								justify-content:				flex-end;
								align-items:					stretch;
							}
.finale						{
								font-size:						calc(0.3rem + 1.0vmin);
							}