:root
{
	/*--back-color: #24282D;*/
	/*--back-color:#242628;*/
	--back-color:#18181C;
	--panel-color:#1F2223;
}

.body 
{
	background-color: var(--back-color);
	color:#eeeeee;
	margin:0px;
}


.site-header
{
	font-size:30pt;
	height:130px;
	margin-top:20px;
	margin-Bottom:160px;
	align-content:left;
	display:flex;	
}

.body-center-container
{
	display:flex;
	justify-content:center;
}

.padded-centered-1280
{
	width:min(100%, 1280px); 
	background-origin: content-box; 
	padding-left:max(0px, calc(50% - 640px)); 
	padding-right:max(0px, calc(50% - 640px)); 
}

.body-center
{
	background-image:url('content/back-dots.png');
	background-size: 98.46153px 98.46153px;
}

.flexie-border
{
	border-image: url('content/global-border.png');
	border-image-slice: 70 20 20 70;
	border-image-width: 70px 20px 20px 70px;
	border-image-repeat: stretch;
	/*filter: hue-rotate(90deg); /* Adjust color dynamically */
}



fh1
{
	font-size: 52pt;
	background-color: var(--back-color);
}

fh2
{
	font-size: 26pt;
	background-color: var(--back-color);
	padding-right:15px;
}

ca
{
	color: #ec1663;
}
ct
{
	color: #1CDAEA;
}

.padding-x15
{
	padding-left:15px;
	padding-right:15px;
}

.regular-text
{
	font-size: 16.5pt;
	background-color: var(--back-color);
}

.page-header
{
	align-content:left;
	display:flex;
	
	font-family: "Baloo 2 500", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;	
	font-size: 26pt;	
}

.section 
{
	padding:10px 25px;
	width:389px; /*Fine tuned value for mobile browsers*/ 
	min-width:380px; 
	min-height:305px;
	flex-grow:1; 
	flex-shrink:1; 
	/*background-color: rgba(23, 22, 28, 0.7);*/
}

.section-header
{
	align-content:left;
	display:flex;
	height: 50px;
	
	font-family: "Baloo 2 500", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;	
	font-size: 26pt;	
	margin-top:-5px; 
	margin-left:-15px; 
}

.section-header img
{
	margin-left:-11px; 
	margin-top:-14px; 
	width:70px; 
	height:70px;
}

.header
{
	font-size:30pt;
	min-height:212px;
	margin-top:20px;
}

.footer
{
	min-height:200px;
	
}

.header-link
{
	line-height:35px; 
	margin-left:30px;
}

a 
{
    text-decoration: none; /* Remove underline */
    color: inherit; /* Use the parent element's color */
}

a:visited {
    color: inherit; /* Prevent color change after visiting */
}

a:hover, a:focus, a:active {
    text-decoration: none; /* Ensure no underline on interactions */
    color: inherit; /* Keep the same color */
}

a:hover
{
	color: #ec1663;
}