/*////////////////////////////////////////////////////////////////////////////
// Version 1.0 Signed by Sid @ BENTO on 2025-09-07 T 13:42:49 -06:00
// Authentication (do not edit) $SFAAxX+6$
//////////////////////////////////////////////////////////////////////////////
//
// 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.
//
//////////////////////////////////////////////////////////////////////////////
//
// sid.css
//
////////////////////////////////////////////////////////////////////////////*/

:root						{
								--sid-base-email-size:				1rem;
								--sid-base-sw-icon-size:			2rem;
								--sid-base-back-color:				#283000;
								--sid-base-sw-color:				#000;
								--sid-base-text-color:				silver;
							}

/****************************************************************************/

.entry:nth-child(4n+3)		{
								flex-direction:					row-reverse;
							}
.entry:nth-child(4n+1) .heading,
.entry:nth-child(4n+1) .banner
							{	flex-direction:					row-reverse;	}
.entry:nth-child(4n+1) .name
							{
								text-align:						right;
							}
.email						{
								font-size:						var(--sid-base-email-size);
								font-weight:					100;
								text-align:						left;
							}
.entry:nth-child(4n+1) .when
							{
								text-align:						left;
							}
.aboutme td					{	vertical-align:					top;		}
.poster						{
								display:						flex;
								flex-flow:						column nowrap;
							}
.software					{
								max-width:						1920px;
								width:							40vw;
								border:							1px solid var(--sid-base-text-color);
								border-radius:					var(--sid-base-pic-radius);
								background-color:				var(--sid-base-sw-color);
								aspect-ratio:					3 / 1;
								padding:						var(--sid-base-padding);
								display:						flex;
								flex-flow:						row wrap;
								justify-content:				space-around;
								align-items:					center;
								gap:							var(--sid-base-padding);
							}
.sw-icon					{
								height:							var(--sid-base-sw-icon-size);
								width:							auto;
							}

@media screen and not (min-width: 32rem)
{
	.entry:nth-child(4n+3),
	.entry					{	flex-direction:					column;			}
	.descript,
	.software,
	.pix-poster				{	width:							100%;			}
	.entry:nth-child(4n+1) .heading,
	.entry:nth-child(4n+1) .banner
							{	flex-direction:					row;			}
	.entry:nth-child(4n+1) .name
							{	text-align:						left;			}
	.entry:nth-child(4n+1) .when,
	.email					{	text-align:						right;			}
}

@media screen and (min-width: 32rem)
{
}
