/*////////////////////////////////////////////////////////////////////////////
// Version 1.0 Signed by Sid @ BENTO on 2025-09-06 T 17:30:06 -06:00
// Authentication (do not edit) $lCAANWFi$
//////////////////////////////////////////////////////////////////////////////
//
// 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.
//
//////////////////////////////////////////////////////////////////////////////
//
// personal.css
//
////////////////////////////////////////////////////////////////////////////*/

:root						{
								--pers-padding:			0.5rem;
								--pers-line-size:		0.25rem;
								--pers-butt-width:		2rem;
								--pers-butt-height:		calc(0.75 * var(--pers-butt-width));
								--pers-butt-radius:		0.25rem;
								--pers-pic-radius:		0.25rem;
								--pers-line-radius:		calc(0.5 * var(--pers-line-size));
								--pers-head-size:		2.5rem;
								--pers-back-color:		#7E3817; /* Sangria */
								--pers-text-color:		silver;
								--pers-alnk-color:		#99C;
								--pers-avis-color:		#69C;
								--pers-ahov-color:		#C36;
								--pers-aact-color:		#C63;
							}

body 						{
								background:				var(--pers-back-color);
								background-repeat:		no-repeat;
								background-attachment:	fixed;
								background-position:	center center;
								color:					var(--pers-text-color);
								margin:					var(--pers-padding);
								font-family:			Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
								text-align:				justify;
								position:				static;
								display:				flex;
								flex-flow:				column nowrap;
								gap:					var(--pers-padding);
							}
a							{	text-decoration: 		none; 						}
a:link						{	color:					var(--pers-alnk-color);	}
a:visited					{	color:					var(--pers-avis-color);	}
a:hover						{	color:					var(--pers-ahov-color);	}
a:active					{	color:					var(--pers-aact-color);	}
*							{	box-sizing:				border-box;					}

sub,
sup							{	font-size:						0.6em;		}

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

.heading					{
								width:					100%;
								font-size:				var(--pers-head-size);
								font-weight:			bold;
								display:				flex;
								flex-flow:				row nowrap;
								justify-content:		space-between;
								align-items:			center;
								gap:					var(--pers-padding);
							}
.icon-main					{
								height:					var(--pers-head-size);
								width:					auto;
							}
.break,
.separator					{
								height:					1px;
								width:					100%;
								background-color:		var(--pers-text-color);
								display:				flex;
								flex-flow:				row nowrap;
							}
.separator					{
								height:					var(--pers-line-size);
								border-radius:			var(--pers-line-radius);
							}
.entry						{
								width:					100%;
								display:				flex;
								flex-flow:				row nowrap;
								justify-content:		normal;
								align-items:			flex-start;
								gap:					var(--pers-padding);
							}
.descript					{
								flex-grow:				10;
								display:				flex;
								flex-flow:				column nowrap;
								justify-content:		normal;
								-align-items:			stretch;
								gap:					var(--pers-padding);
							}
.left .note,
.left .descript				{	justify-content:		flex-start;	}
.right .note,
.right .descript			{	justify-content:		flex-end;	}
.note						{
								font-size:				small;
								font-style:				italic;
							}
.variant					{
								display:				flex;
								flex-flow:				row nowrap;
								justify-content:		normal;
								align-items:			center;
								gap:					var(--pers-padding);
							}
.left .variant				{	justify-content:		flex-end;	}
.right .variant				{	justify-content:		flex-start;	}
.poster						{
								display:				flex;
								flex-flow:				column nowrap;
							}
.pix-poster					{
								max-width:				1920px;
								width:					40vw;
								height:					auto;
								border:					1px solid var(--pers-text-color);
								border-radius:			var(--pers-pic-radius);
							}
.finale						{
								width:					100%;
								font-size:				0.8rem;
								font-style:				italic;
								display:				flex;
								flex-flow:				row wrap;
								justify-content:		flex-end;
								align-items:			flex-start;
								gap:					0.2em;
							}
.gohome						{
								text-align:				right;
								flex-grow:				1;
								display:				flex;
								flex-flow:				row nowrap;
								justify-content:		flex-start;
								align-items:			flex-start;
								gap:					0.2em;
							}
.gohome > div				{	display:				block;	}
.copyright					{
								flex-grow:				1;
								display:				flex;
								flex-flow:				row nowrap;
								justify-content:		flex-end;
								align-items:			flex-start;
								gap:					0.2em;
							}
.icon-hroch-net				{
								width:					auto;
								height:					1.3em;
							}
.icon-hroch-net:hover		{
								filter:					brightness(3);
							}

@media screen and not (min-width: 32rem)
{
	.entry					{	flex-direction:			column;			}
	.pix-poster				{	width:					100%;			}
	.heading				{	font-size:				calc(0.085 * (100vw - var(--pers-head-size)));
							}
	.wide-only				{	display:				none;			}
}

@media screen and (min-width: 32rem)
{
	.narrow-only			{	display:				none;	}
}