:root
{
	--man-color:#eee;
	--acc-color: #E93F3F;
	--txt-color: #111;
	--color-step: 8;

	--man-color-p2: hsl(from var(--man-color) h s calc(l + (var(--color-step) * 2)));
	--man-color-p1: hsl(from var(--man-color) h s calc(l + var(--color-step)));
	--man-color-m1: hsl(from var(--man-color) h s calc(l - var(--color-step)));
	--man-color-m2: hsl(from var(--man-color) h s calc(l - (var(--color-step) * 2)));

	--txt-color-p2: hsl(from var(--txt-color) h s calc(l + (var(--color-step) * 2)));
	--txt-color-p1: hsl(from var(--txt-color) h s calc(l + var(--color-step)));
	--txt-color-m1: hsl(from var(--txt-color) h s calc(l - var(--color-step)));
	--txt-color-m2: hsl(from var(--txt-color) h s calc(l - (var(--color-step) * 2)));

	--acc-color-p2: hsl(from var(--acc-color) h s calc(l + (var(--color-step) * 2)));
	--acc-color-p1: hsl(from var(--acc-color) h s calc(l + var(--color-step)));
	--acc-color-m1: hsl(from var(--acc-color) h calc(s - (var(--color-step) * 2)) calc(l - var(--color-step)));
	--acc-color-m2: hsl(from var(--acc-color) h calc(s - (var(--color-step) * 4)) calc(l - (var(--color-step) * 2)));
}

@media (prefers-color-scheme: dark)
{
	:root
	{
		--man-color: #333;
		--txt-color: #eee;
	}
}

a{ color: var(--acc-color);}

a:visited{ color: var(--acc-color-m2); }

body, .nogap
{
	padding: 0;
	margin: 0;
}

body
{
	background-color: var(--man-color-m1);
	color: var(--txt-color);
	font-family: Arial, Helvetica, sans-serif;
}

main{
	padding:0 2rem ;
}

nav
{
	background-color: var(--man-color);
	height:	5vh;
	min-height:	32px;
}

nav ul
{
	display: inline-block;
	height:	100%	;
	margin: 0;
	padding: 0;
}

nav ul li
{
	display: inline-block;
	list-style-type: none;
	height: 100%;
	margin: 0 0.25em;
	vertical-align: top;
}

nav ul li *
{
	display: inline-block;
}

.ac-center{align-content: center;}
.as-center{align-self: center;}

.btn
{
	border-radius: 0.25em;
	color: var(--txt-color) !important;
	display: inline-block;
	padding: 0.5em;
	text-decoration: none;
}

.btn-acc{background-color: var(--acc-color);}
.btn-acc:hover{background-color: var(--acc-color-m1);}

/*#region Display*/
.d-inline-block {display: inline-block;}
.d-block {display: block;}

/*#endregion*/

.h1{font-size: 2.00em; font-weight: bold;}
.h2{font-size: 1.50em; font-weight: bold;}
.h3{font-size: 1.17em; font-weight: bold;}
.h4{font-size: 1.00em; font-weight: bold;}
.h5{font-size: 0.83em; font-weight: bold;}
.h6{font-size: 0.67em; font-weight: bold;}

/*#region Heights */

.hei-1	{height:	01%	;}
.hei-2	{height:	02%	;}
.hei-3	{height:	03%	;}
.hei-4	{height:	04%	;}
.hei-5	{height:	05%	;}
.hei-6	{height:	06%	;}
.hei-7	{height:	07%	;}
.hei-8	{height:	08%	;}
.hei-9	{height:	09%	;}
.hei-10	{height:	10%	;}
.hei-11	{height:	11%	;}
.hei-12	{height:	12%	;}
.hei-13	{height:	13%	;}
.hei-14	{height:	14%	;}
.hei-15	{height:	15%	;}
.hei-16	{height:	16%	;}
.hei-17	{height:	17%	;}
.hei-18	{height:	18%	;}
.hei-19	{height:	19%	;}
.hei-20	{height:	20%	;}
.hei-21	{height:	21%	;}
.hei-22	{height:	22%	;}
.hei-23	{height:	23%	;}
.hei-24	{height:	24%	;}
.hei-25	{height:	25%	;}
.hei-26	{height:	26%	;}
.hei-27	{height:	27%	;}
.hei-28	{height:	28%	;}
.hei-29	{height:	29%	;}
.hei-30	{height:	30%	;}
.hei-31	{height:	31%	;}
.hei-32	{height:	32%	;}
.hei-33	{height:	33%	;}
.hei-34	{height:	34%	;}
.hei-35	{height:	35%	;}
.hei-36	{height:	36%	;}
.hei-37	{height:	37%	;}
.hei-38	{height:	38%	;}
.hei-39	{height:	39%	;}
.hei-40	{height:	40%	;}
.hei-41	{height:	41%	;}
.hei-42	{height:	42%	;}
.hei-43	{height:	43%	;}
.hei-44	{height:	44%	;}
.hei-45	{height:	45%	;}
.hei-46	{height:	46%	;}
.hei-47	{height:	47%	;}
.hei-48	{height:	48%	;}
.hei-49	{height:	49%	;}
.hei-50	{height:	50%	;}
.hei-51	{height:	51%	;}
.hei-52	{height:	52%	;}
.hei-53	{height:	53%	;}
.hei-54	{height:	54%	;}
.hei-55	{height:	55%	;}
.hei-56	{height:	56%	;}
.hei-57	{height:	57%	;}
.hei-58	{height:	58%	;}
.hei-59	{height:	59%	;}
.hei-60	{height:	60%	;}
.hei-61	{height:	61%	;}
.hei-62	{height:	62%	;}
.hei-63	{height:	63%	;}
.hei-64	{height:	64%	;}
.hei-65	{height:	65%	;}
.hei-66	{height:	66%	;}
.hei-67	{height:	67%	;}
.hei-68	{height:	68%	;}
.hei-69	{height:	69%	;}
.hei-70	{height:	70%	;}
.hei-71	{height:	71%	;}
.hei-72	{height:	72%	;}
.hei-73	{height:	73%	;}
.hei-74	{height:	74%	;}
.hei-75	{height:	75%	;}
.hei-76	{height:	76%	;}
.hei-77	{height:	77%	;}
.hei-78	{height:	78%	;}
.hei-79	{height:	79%	;}
.hei-80	{height:	80%	;}
.hei-81	{height:	81%	;}
.hei-82	{height:	82%	;}
.hei-83	{height:	83%	;}
.hei-84	{height:	84%	;}
.hei-85	{height:	85%	;}
.hei-86	{height:	86%	;}
.hei-87	{height:	87%	;}
.hei-88	{height:	88%	;}
.hei-89	{height:	89%	;}
.hei-90	{height:	90%	;}
.hei-91	{height:	91%	;}
.hei-92	{height:	92%	;}
.hei-93	{height:	93%	;}
.hei-94	{height:	94%	;}
.hei-95	{height:	95%	;}
.hei-96	{height:	96%	;}
.hei-97	{height:	97%	;}
.hei-98	{height:	98%	;}
.hei-99	{height:	99%	;}
.hei-100	{height:	100%	;}

/*#endregion*/

/* Icon Sizes */
.ico
{
	display: inline-block;
	margin: 0 auto;
	height:	100%	;
}

.ico-h1{height:	2.00em;}
.ico-h2{height:	1.50em;}
.ico-h3{height:	1.17em;}
.ico-h4{height:	1.00em;}
.ico-h5{height:	0.83em;}
.ico-h6{height:	0.67em;}

/*#region Line Heights*/

.ln-hei-1	{line-height:	1vh	;}
.ln-hei-2	{line-height:	2vh	;}
.ln-hei-3	{line-height:	3vh	;}
.ln-hei-4	{line-height:	4vh	;}
.ln-hei-5	{line-height:	5vh	;}
.ln-hei-6	{line-height:	6vh	;}
.ln-hei-7	{line-height:	7vh	;}
.ln-hei-8	{line-height:	8vh	;}
.ln-hei-9	{line-height:	9vh	;}
.ln-hei-10	{line-height:	10vh	;}
.ln-hei-11	{line-height:	11vh	;}
.ln-hei-12	{line-height:	12vh	;}
.ln-hei-13	{line-height:	13vh	;}
.ln-hei-14	{line-height:	14vh	;}
.ln-hei-15	{line-height:	15vh	;}
.ln-hei-16	{line-height:	16vh	;}
.ln-hei-17	{line-height:	17vh	;}
.ln-hei-18	{line-height:	18vh	;}
.ln-hei-19	{line-height:	19vh	;}
.ln-hei-20	{line-height:	20vh	;}
.ln-hei-21	{line-height:	21vh	;}
.ln-hei-22	{line-height:	22vh	;}
.ln-hei-23	{line-height:	23vh	;}
.ln-hei-24	{line-height:	24vh	;}
.ln-hei-25	{line-height:	25vh	;}
.ln-hei-26	{line-height:	26vh	;}
.ln-hei-27	{line-height:	27vh	;}
.ln-hei-28	{line-height:	28vh	;}
.ln-hei-29	{line-height:	29vh	;}
.ln-hei-30	{line-height:	30vh	;}
.ln-hei-31	{line-height:	31vh	;}
.ln-hei-32	{line-height:	32vh	;}
.ln-hei-33	{line-height:	33vh	;}
.ln-hei-34	{line-height:	34vh	;}
.ln-hei-35	{line-height:	35vh	;}
.ln-hei-36	{line-height:	36vh	;}
.ln-hei-37	{line-height:	37vh	;}
.ln-hei-38	{line-height:	38vh	;}
.ln-hei-39	{line-height:	39vh	;}
.ln-hei-40	{line-height:	40vh	;}
.ln-hei-41	{line-height:	41vh	;}
.ln-hei-42	{line-height:	42vh	;}
.ln-hei-43	{line-height:	43vh	;}
.ln-hei-44	{line-height:	44vh	;}
.ln-hei-45	{line-height:	45vh	;}
.ln-hei-46	{line-height:	46vh	;}
.ln-hei-47	{line-height:	47vh	;}
.ln-hei-48	{line-height:	48vh	;}
.ln-hei-49	{line-height:	49vh	;}
.ln-hei-50	{line-height:	50vh	;}
.ln-hei-51	{line-height:	51vh	;}
.ln-hei-52	{line-height:	52vh	;}
.ln-hei-53	{line-height:	53vh	;}
.ln-hei-54	{line-height:	54vh	;}
.ln-hei-55	{line-height:	55vh	;}
.ln-hei-56	{line-height:	56vh	;}
.ln-hei-57	{line-height:	57vh	;}
.ln-hei-58	{line-height:	58vh	;}
.ln-hei-59	{line-height:	59vh	;}
.ln-hei-60	{line-height:	60vh	;}
.ln-hei-61	{line-height:	61vh	;}
.ln-hei-62	{line-height:	62vh	;}
.ln-hei-63	{line-height:	63vh	;}
.ln-hei-64	{line-height:	64vh	;}
.ln-hei-65	{line-height:	65vh	;}
.ln-hei-66	{line-height:	66vh	;}
.ln-hei-67	{line-height:	67vh	;}
.ln-hei-68	{line-height:	68vh	;}
.ln-hei-69	{line-height:	69vh	;}
.ln-hei-70	{line-height:	70vh	;}
.ln-hei-71	{line-height:	71vh	;}
.ln-hei-72	{line-height:	72vh	;}
.ln-hei-73	{line-height:	73vh	;}
.ln-hei-74	{line-height:	74vh	;}
.ln-hei-75	{line-height:	75vh	;}
.ln-hei-76	{line-height:	76vh	;}
.ln-hei-77	{line-height:	77vh	;}
.ln-hei-78	{line-height:	78vh	;}
.ln-hei-79	{line-height:	79vh	;}
.ln-hei-80	{line-height:	80vh	;}
.ln-hei-81	{line-height:	81vh	;}
.ln-hei-82	{line-height:	82vh	;}
.ln-hei-83	{line-height:	83vh	;}
.ln-hei-84	{line-height:	84vh	;}
.ln-hei-85	{line-height:	85vh	;}
.ln-hei-86	{line-height:	86vh	;}
.ln-hei-87	{line-height:	87vh	;}
.ln-hei-88	{line-height:	88vh	;}
.ln-hei-89	{line-height:	89vh	;}
.ln-hei-90	{line-height:	90vh	;}
.ln-hei-91	{line-height:	91vh	;}
.ln-hei-92	{line-height:	92vh	;}
.ln-hei-93	{line-height:	93vh	;}
.ln-hei-94	{line-height:	94vh	;}
.ln-hei-95	{line-height:	95vh	;}
.ln-hei-96	{line-height:	96vh	;}
.ln-hei-97	{line-height:	97vh	;}
.ln-hei-98	{line-height:	98vh	;}
.ln-hei-99	{line-height:	99vh	;}
.ln-hei-100	{line-height:	100vh	;}

/*#endregion*/

.ta-center{text-align: center;}

.va-middle{vertical-align: middle;}
.va-top{vertical-align: top;}