:root
{
	--mainbg: #222;
	--secbg: #333;
	--tertbg: #111C;
	--maintxt: #CCC;
	
	--headertxt: #CCC;
	--headerHighlight: #FFF;
	--secAccent: #FFF;
	--linkHover: #FFF;
	
	--basicshadow: #000;
	--mediumShade: #0006;
	--heavyShade: #0009;
	
	--lightMiddle: #9993;
	--heavyMiddle: #999C;
	
	--lightShine: #FFF3;
	
	--mediumBorder: #6669;
	--heavyBorder: #9999;
	
	/***/
	--summaryTxt: #897399;
	
	--expTxt: #4F9567;
	--expHover: #4F9567;
	--eduTxt: #900;
	--eduHover: #900;
	--codeTxt: #3D59A0;
	--codeHover: #3D59A0;
	--contactTxt: #FF7B1F;
	--contactHover: #FF7B1F;
	--creditTxt: #E5D35E;
	--creditHover: #E5D35E;
	--downloadTxt: #BA5D56;
	
	--simpleTxt: #5E4F8C;
	--printTxt: #91B430;
	--lockTxt: #6D878D;
	/***/
	
	--highlightBG: #AAA3;
	--highlightFG: #000;
	
	--btnWidth: 100%;
}
.summaryCol { --secAccent: var(--summaryTxt); }
.expCol     { --secAccent: var(--expTxt);       --linkHover: var(--expHover); }
.eduCol     { --secAccent: var(--eduTxt);       --linkHover: var(--eduHover); }
.codeCol    { --secAccent: var(--codeTxt);      --linkHover: var(--codeHover); }
.contactCol { --secAccent: var(--contactTxt);   --linkHover: var(--contactHover); }
.creditCol  { --secAccent: var(--creditTxt);    --linkHover: var(--creditHover); }
.simpleCol  { --secAccent: var(--simpleTxt); }
.printCol   { --secAccent: var(--printTxt); }
.lockCol    { --secAccent: var(--lockTxt); }

.fl-l { float: left; text-align: start;  }
.fl-r { float: right; text-align: end; }
.fl-clear { clear: both; }

div.deadspace { height: 25vh; }

.fa-trophy
{
	color: gold;
}

.flex-cols
{
	display: flex;
	justify-content: space-between;
}
.flex-cols .fl-l, .flex-cols .fl-r
{
	float: none;
}

.explode.fly1
{
	color: red;
	transform: translate(100px, 0px);
}
.explode.fly2
{
	color: blue;
	transform: translate(100px, 100px);
}
.explode.fly3
{
	color: green;
	transform: translate(0px, 100px);
}
.explode.fly4
{
	color: yellow;
	transform: translate(-100px, 100px);
}
.explode.fly5
{
	color: orange;
	transform: translate(-100px, 0px);
}
.explode.fly6
{
	color: indigo;
	transform: translate(-100px, -100px);
}
.explode.fly7
{
	color: violet;
	transform: translate(0px, -100px);
}
.explode.fly8
{
	color: brown;
	transform: translate(100px, -100px);
}
.explode.fly1, .explode.fly2, .explode.fly3, .explode.fly4, .explode.fly5, .explode.fly6, .explode.fly7, .explode.fly8
{
	color: transparent;
}

.l-apache { content: url('/img/apache.png'); }
.l-asm    { content: url('/img/asm.png'); }
.l-bash   { content: url('/img/bash.png'); }
.l-c      { content: url('/img/c.png'); }
.l-cs     { content: url('/img/cs.png'); }
.l-css    { content: url('/img/css.png'); }
.l-html   { content: url('/img/html.png'); }
.l-java   { content: url('/img/java.png'); }
.l-js     { content: url('/img/js.png'); }
.l-jsp    { content: url('/img/jsp.png'); }
.l-mongo  { content: url('/img/mongodb.png'); }
.l-php    { content: url('/img/php.png'); }
.l-py     { content: url('/img/py.png'); }
.l-sql    { content: url('/img/sql.png'); }
.l-vb     { content: url('/img/vb.png'); }
.l-vba    { content: url('/img/vba.png'); }
.l-xaml   { content: url('/img/xaml.png'); }

body.mainTheme *::-moz-selection
{
	background: var(--highlightBG);
	color: var(--highlightFG);
	text-shadow: none;
}
body.mainTheme *::selection
{
	background: var(--highlightBG);
	color: var(--highlightFG);
	text-shadow: none;
}

@media not print {
	.hidden { display: none !important; }
	button  { font-family: serif; }
}

@media print {
	#simpleCopy
	{
		display: block;
	}
	#mainBody, .noprint, #richCopy
	{
		display: none;
	}
	h1
	{
		margin-top: 0;
	}
}
