@charset "utf-8";
/* --------------------------------------------------------------------------------------------------------- */
/* ----- FONT ----- */
@-ms-viewport{ width: device-width; }

/* SANS */
@import url( https://fonts.googleapis.com/css?family=Orbitron:400 );
@import url( https://fonts.googleapis.com/css2?family=Quantico );
@font-face{ font-family: SansReg; src: url(/_core/_font/font.sourceSansPro/font.sourceSansPro.reg.woff) format('woff') }
@font-face{ font-family: Agency; src: url(/_core/_font/font.agency.reg.woff) format('woff') }

/* SCRIPT */
@font-face{ font-family: Horror; src: url(/_core/_font/font.horror.reg.woff) format('woff') }
@font-face{ font-family: Brush; src: url(/_core/_font/font.brush.reg.woff) format('woff') }

/* ASIAN */
@font-face{ font-family: Monk; src: url(/_core/_font/font.fastMonk.reg.woff) format('woff') }
@font-face{ font-family: Gunji; src: url(/_core/_font/font.gunji.reg.woff) format('woff') }
@font-face{ font-family: Rocks; src: url(/_core/_font/font.chineseRocks.reg.woff) format('woff') }

/* APO */
@font-face{ font-family: PostApo1; src: url(/_core/_font/font.populationZero.reg.otf) format('opentype') }
@font-face{ font-family: PostApo2; src: url(/_core/_font/font.postApoBroken.reg.woff) format('woff') }
@font-face{ font-family: PostApo3; src: url(/_core/_font/font.postApoClear.reg.woff) format('woff') }

/* PATREON */
@font-face{ font-family: Patreon1; src: url(/_core/_font/font.patreon.reg.woff) format('woff') }
@font-face{ font-family: Patreon2; src: url(/_core/_font/font.patreon.bold.woff) format('woff') }

/*
@font-face {
    font-family: PostApoClear;
    src: url(PostApoClear.11296f30f95ac12177e4.woff2) format("woff2"),url(PostApoClear.ed761337cd65fcebbc77.woff) format("woff")
}
@font-face {
    font-family: PostApoBroken;
    src: url(PostApoBroken.863a9e410128d49c6a74.woff2) format("woff2"),url(PostApoBroken.7b91a5b3e8b8ba74f6f1.woff) format("woff")
}
*/

/* ----- FONT ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- DEFAULTS ----- */
/* ::-webkit-scrollbar{ width: 5px; height: 10px; } */
/* ::-webkit-scrollbar-thumb{ background: #fff; } */
/* Optional: show position indicator in red */
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background-color: #000;
}
body{
	min-width: 600px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: none;

	font-family: 'SansReg';
	font-size: 28px;
	font-weight: normal;
	line-height: 35px;
	letter-spacing: 0px;
	text-transform: none;
	text-align: left;
	white-space: normal;
	word-wrap: normal;

	text-shadow: 0 4px 8px rgba(0,0,0,.8);
	color: #EBDEC2;
}
p{ display: block; margin: 0; padding: 10px;  }
ul, ol{ list-style: none; text-indent: -30px; margin-left: 20px; }
ul li::before{ content: '■'; }
ul li.todo::before{ content: '■'; color: white; }
ul li.start::before{ content: '■'; color: green; }
ul li.pause::before{ content: '■'; color: yellow; }
ul li.stop::before{ content: '■'; color: red; }
ul li.done::before{ content: '✓'; color: grey; }
a { outline: none; text-decoration: none; text-shadow: 0px 2px 1px rgba(0,0,0,0.6); cursor: pointer; }

spk a:link, spk a:visited{ color: #FF9500; }
spk a:hover{ color: #FFBC00; }
spk a:active, spk a:focus{ color: #F3F3F3; }
spk .active{ color: #F3F3F3; }
spk b{ font-weight: normal; color: #ffbf36; }

spy a:link, spy a:visited{ color: #EBDEC2; }
spy a:hover{ color: #F3F3F3; }
spy a:active, spy a:focus{ color: #F3F3F3; }
spy .active{ color: #FF9500; }
spy b{ font-weight: normal; color: #ffbf36; }

sup{ position: relative; top: -0.4vw; }
table{}
table th{}
table tbody{}
table tr{}
table td{}
img{ max-width: 100%; max-height: 100%; }

form .invalid{ border-left: 2px solid red; border-right: 2px solid red; }
/* form >div>div{ font-size: 1vw; display: flex; align-items: center; } */

input, textarea, select {
	font-family: "SansReg";
	font-size: 24px;
	color: #707070;

	border: 0px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
input { width: 100%; padding: 14px; line-height: 45px; }
select { width: 100%; padding: 14px; line-height: 45px; }
option { text-align: center; }

.r{ font-family: 'Quantico'; font-size: min(2vw, 10px); }
.hr{ width: 100%; height: 1px; margin: 1% 0; border: 1px solid #ff8c28; }

.align-lt{ text-align: left; padding: 0 30% 1% 0; }
.align-rt{ text-align: right; padding: 0 0 1% 30%; }
.align-ct{ margin: 0 auto; text-align: center; }
.float-lt{ float: left; }
.float-rt{ float: right; }

.spacer{ position: relative; width: 100%; height: 25px; clear: both; }

._10{ width: 10%; }
._16{ width: 16%; }
._20{ width: 20%; }
._25{ width: 25%; }
._30{ width: 33%; }
._40{ width: 49%; }
._50{ width: 50%; }
._60{ width: 60%; }
._80{ width: 80%; }
._90{ width: 90%; }
._100{ width: 100%; }

@supports((-webkit-backdrop-filter: none) or (backdrop-filter: none)){
  .blur{
    background: hsla(0,0%,0%,.1);
		-webkit-backdrop-filter: blur(40px);
		backdrop-filter: blur(40px);
  }
}
.glow{
	box-shadow: inset 0 0 40px rgba(255, 255, 255, .2), 0 4px 16px rgba(0, 0, 0, .6);
	border-top: 2px solid rgba(255, 255, 255, .5);
	border-bottom: 2px solid rgba(0, 0, 0, .3);
}
.glow:hover{
	box-shadow: inset 0 0 40px rgba(255, 255, 255, .3), 0 4px 16px rgba(0, 0, 0, .6);
}

.button { text-decoration: none; }
.button >div{ position: relative; width: 96%; height: 88%; margin: 1% 2%; padding: 2%; color: #EBDEC2;  transition: all 0.2s; }
.button >div:hover{ width: 100%; height: 100%; margin: 0%; padding: 2.7%; color: #F3F3F3; transition: all 0.2s; }
.button >div>div{ text-align: center; text-transform: uppercase; }

.image >div{ position: relative; width: 96%; height: 96%; margin: 1% 2%; padding: 2%; transition: all 0.2s; }
.image >div:hover{ width: 100%; height: 100%; margin: 0%; padding: 3% 4%; transition: all 0.2s; }
.image >div>div:first-child{ margin: 20% auto; text-align: center; }
.image >div>div:nth-child(2){ text-align: center; text-transform: uppercase; font-size: min(2vw, 25px); }
.image >div>div:nth-child(3){ text-align: center; }
/* ----- DEFAULTS ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- HEADER ----- */
.h1{ font-size: 60px; line-height: 60px; text-transform: uppercase; padding: 1% 0; color: #F3F3F3; }
.h2{ font-size: 40px; line-height: 40px; text-transform: uppercase; padding: 1% 0; color: #F3F3F3; }
.h3{ font-size: 30px; line-height: 50px; text-transform: uppercase; }
.h4{ font-size: 30px; line-height: 30px; }
/* ----- HEADER ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- MOBILE ----- */
@media all and (orientation:landscape){}
@media all and (orientation:portrait){}
/* ----- MOBILE ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- HTML ----- */
.htmlContainer{}
.htmlContainer .htmlWrapper{}
/* ----- HTML ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- COLOUR.STROKE ----- */
.clrWhtStroke{
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
}
.clrBlkStroke{
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #000;
}
.clrCynStroke{
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #00ffff;
}
/*
/* ----- COLOUR.STROKE ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- COLOUR.SOLID ----- */
.clrCyn{ color: #28e6e6; } /* SHINY */
.clrYel{ color: #ffbf36; } /* VINTAGE */
.clrOrg{ color: #ff4d17; } /* LEGENDARY */
.clrRed{ color: #fb1f31; } /* HEROIC */
.clrPnk{ color: #ff36d7; } /* SHINY */
.clrPur{ color: #a336ff; } /* EPIC */
.clrBlu{ color: #3dacee; } /* RARE */
.clrGrn{ color: #00ff21; } /* UNCOMMON */
.clrWht{ color: #f3f3f3; } /* COMMON */
.clrGry{ color: #b7b7b7; } /* JUNK */

.clrNav{ color: #005080; } /*  */
.clrMar{ color: #800000; } /*  */
.clrBrn{ color: #bd6a3c; } /*  */
.clrBlk{ color: #000000; } /*  */


.clrPt{ color: #e5e4e2; } /* PLATINUM */
/* ----- COLOUR.SOLID ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- COLOUR.GRADIENT ----- */
.rgbCyn{
	background-color: rgba(33, 197, 197, 0.95);
	background-image:
		linear-gradient(
			90deg,
			rgba(10, 222, 222, 0) 10%,
			rgba(15, 238, 238, 0.8) 30%,
			#28e6e6 70%,
			rgba(15, 238, 238, 0.8) 80%,
			rgba(10, 222, 222, 0) 90%
		),
		linear-gradient(
			to right,
			rgba(40, 230, 230, 0) 0%,
			#28e6e6 100%
		),
		linear-gradient(
			to left,
			rgba(40, 230, 230, 0) 0%,
			#28e6e6 100%
		);
	color: #86e3e3;
	border-color: #86e3e3;
	box-shadow:
		0 0 0.6em #0feeee inset,
		0 0 0.4em #0adede inset,
		0 0 0.5em rgba(11, 213, 213, 0.5),
		0 0 0.1em rgba(170, 251, 251, 0.5);
}
.rgbYel{
	background-color: rgba(232, 158, 0, 0.95);
	background-image:
		linear-gradient(
			90deg,
			rgba(255, 174, 3, 0) 10%,
			rgba(255, 183, 28, 0.8) 30%,
			#ffbf36 70%,
			rgba(255, 183, 28, 0.8) 80%,
			rgba(255, 174, 3, 0) 90%
		),
		linear-gradient(
			to right,
			rgba(255, 191, 54, 0) 0%,
			#ffbf36 100%
		),
		linear-gradient(
			to left,
			rgba(255, 191, 54, 0) 0%,
			#ffbf36 100%
		);
	color: #ffc74f;
	border-color: #ffc74f;
	box-shadow:
		0 0 0.6em #ffb71c inset,
		0 0 0.4em #ffae03 inset,
		0 0 0.5em rgba(232, 158, 0, 0.5),
		0 0 0.1em rgba(255, 248, 232, 0.5);
}
.rgbOrg{
	background-color: rgba(201, 47, 0, 0.95);
	background-image:
		linear-gradient(
			90deg,
			rgba(227, 53, 0, 0) 10%,
			rgba(252, 59, 0, 0.8) 30%,
			#ff4d17 70%,
			rgba(252, 59, 0, 0.8) 80%,
			rgba(227, 53, 0, 0) 90%
		),
		linear-gradient(
			to right,
			rgba(255, 77, 23, 0) 0%,
			#ff4d17 100%
		),
		linear-gradient(
			to left,
			rgba(255, 77, 23, 0) 0%,
			#ff4d17 100%
		);
	color: #ff6030;
	border-color: #ff6030;
	box-shadow:
		0 0 0.6em #fc3b00 inset,
		0 0 0.4em #e33500 inset,
		0 0 0.5em rgba(201, 47, 0, 0.5),
		0 0 0.1em rgba(255, 214, 201, 0.5);
}
.rgbRed{
	background-color: rgba(201, 4, 20, 0.95);
	background-image:
		linear-gradient(
			90deg,
			rgba(226, 4, 22, 0) 10%,
			rgba(250, 6, 26, 0.8) 30%,
			#fb1f31 70%,
			rgba(250, 6, 26, 0.8) 80%,
			rgba(226, 4, 22, 0) 90%
		),
		linear-gradient(
			to right,
			rgba(251, 31, 49, 0) 0%,
			#fb1f31 100%
		),
		linear-gradient(
			to left,
			rgba(251, 31, 49, 0) 0%,
			#fb1f31 100%
		);
	color: #fb3848;
	border-color: #fb3848;
	box-shadow:
		0 0 0.6em #fa061a inset,
		0 0 0.4em #e20416 inset,
		0 0 0.5em rgba(201, 4, 20, 0.5),
		0 0 0.1em rgba(254, 206, 210, 0.5);
}
.rgbPnk{
	background-color: rgba(177, 33, 148, 0.95);
	background-image:
		linear-gradient(
			90deg,
			rgba(220, 29, 182, 0) 10%,
			rgba(245, 35, 203, 0.8) 30%,
			#ff36d7 70%,
			rgba(245, 35, 203, 0.8) 80%,
			rgba(220, 29, 182, 0) 90%
		),
		linear-gradient(
			to right,
			rgba(255, 54, 215, 0) 0%,
			#ff36d7 100%
		),
		linear-gradient(
			to left,
			rgba(255, 54, 215, 0) 0%,
			#ff36d7 100%
		);
	color: #de22b9;
	border-color: #de22b9;
	box-shadow:
		0 0 0.6em #f523cb inset,
		0 0 0.4em #dc1db6 inset,
		0 0 0.5em rgba(221, 84, 194, 0.5),
		0 0 0.1em rgba(250, 126, 225, 0.5);
}
.rgbPur{
	background-color: rgba(109, 23, 182, 0.95);
	background-image:
		linear-gradient(
			90deg,
			rgba(138, 37, 224, 0) 10%,
			rgba(152, 41, 245, 0.8) 30%,
			#a336ff 70%,
			rgba(152, 41, 245, 0.8) 80%,
			rgba(138, 37, 224, 0) 90%
		),
		linear-gradient(
			to right,
			rgba(163, 54, 255, 0) 0%,
			#a336ff 100%
		),
		linear-gradient(
			to left,
			rgba(163, 54, 255, 0) 0%,
			#a336ff 100%
		);
	color: #fb3848;
	border-color: #fb3848;
	box-shadow:
		0 0 0.6em #9829f5 inset,
		0 0 0.4em #8a25e0 inset,
		0 0 0.5em rgba(149, 61, 223, 0.5),
		0 0 0.1em rgba(175, 132, 211, 0.5);
}
.rgbBlu{
	background-color: rgba(18, 135, 204, 0.95);
	background-image:
		linear-gradient(
			90deg,
			rgba(20, 151, 227, 0) 10%,
			rgba(37, 162, 236, 0.8) 30%,
			#3dacee 70%,
			rgba(37, 162, 236, 0.8) 80%,
			rgba(20, 151, 227, 0) 90%
		),
		linear-gradient(
			to right,
			rgba(61, 172, 238, 0) 0%,
			#3dacee 100%
		),
		linear-gradient(
			to left,
			rgba(61, 172, 238, 0) 0%,
			#3dacee 100%
		);
	color: #54b6f0;
	border-color: #54b6f0;
	box-shadow:
		0 0 0.6em #25a2ec inset,
		0 0 0.4em #1497e3 inset,
		0 0 0.5em rgba(18, 135, 204, 0.5),
		0 0 0.1em rgba(225, 242, 252, 0.5);
}
.rgbGrn{
	background-color: rgba(0, 178, 23, 0.95);
	background-image:
		linear-gradient(
			90deg,
			rgba(0, 204, 26, 0) 10%,
			rgba(0, 229, 30, 0.8) 30%,
			#00ff21 70%,
			rgba(0, 229, 30, 0.8) 80%,
			rgba(0, 204, 26, 0) 90%
		),
		linear-gradient(
			to right,
			rgba(0, 255, 33, 0) 0%,
			#00ff21 100%
		),
		linear-gradient(
			to left,
			rgba(0, 255, 33, 0) 0%,
			#00ff21 100%
		);
	color: #19ff37;
	border-color: #19ff37;
	box-shadow:
		0 0 0.6em #00e51e inset,
		0 0 0.4em #00cc1a inset,
		0 0 0.5em rgba(0, 178, 23, 0.5),
		0 0 0.1em rgba(178, 255, 188, 0.5
	);
}
.rgbWht{
	background-color: rgba(175, 175, 175, 0.95);
	background-image:
		linear-gradient(
			90deg,
			rgba(206, 206, 206, 0) 10%,
			rgba(222, 222, 222, 0.8) 30%,
			#f3f3f3 70%,
			rgba(222, 222, 222, 0.8) 80%,
			rgba(206, 206, 206, 0) 90%
		),
		linear-gradient(
			to right,
			rgba(243, 243, 243, 0) 0%,
			#f3f3f3 100%
		),
		linear-gradient(
			to left,
			rgba(243, 243, 243, 0) 0%,
			#f3f3f3 100%
		);
	color: #f7f6f6;
	border-color: #f7f6f6;
	box-shadow:
		0 0 0.6em #dedede inset,
		0 0 0.4em #cecece inset,
		0 0 0.5em rgba(225, 225, 225, 0.5),
		0 0 0.1em rgba(255, 255, 255, 0.5);
}
.rgbGry{
	background-color: rgba(181, 177, 175, 0.95);
	background-image:
		linear-gradient(
			90deg,
			rgba(182, 182, 182, 0) 10%,
			rgba(188, 188, 188, 0.8) 30%,
			#bfbbb8 70%,
			rgba(188, 188, 188, 0.8) 80%,
			rgba(182, 182, 182, 0) 90%
		),
		linear-gradient(
			to right,
			rgba(191, 187, 184, 0) 0%,
			#bfbbb8 100%
		),
		linear-gradient(
			to left,
			rgba(191, 187, 184, 0) 0%,
			#bfbbb8 100%
		);
	color: #dbd8d6;
	border-color: #ccc8c6;
	box-shadow:
		0 0 0.6em #acaaa9 inset,
		0 0 0.4em #6a6a6a inset,
		0 0 0.5em rgba(210, 210, 210, 0.5),
		0 0 0.1em rgba(225, 225, 225, 0.5);
}


.rgbNav{
	background-color: rgba(11, 85, 128, 0.95);
	background-image:
		linear-gradient(
			90deg,
			rgba(9, 68, 102, 0) 10%,
			rgba(11, 85, 128, 0.8) 30%,
			#1077b3 70%,
			rgba(11, 85, 128, 0.8) 80%,
			rgba(9, 68, 102, 0) 90%
		),
		linear-gradient(
			to right,
			rgba(15, 110, 166, 0) 0%,
			#0f6ea6 100%
		),
		linear-gradient(
			to left,
			rgba(15, 110, 166, 0) 0%,
			#0f6ea6 100%
		);
	color: #0f6ea6;
	border-color: #0f6ea6;
	box-shadow:
		0 0 0.6em #0b5580 inset,
		0 0 0.4em #094466 inset,
		0 0 0.5em rgba(11, 85, 128, 0.5),
		0 0 0.1em rgba(225, 242, 252, 0.5);
}
.rgbMar{
	background-color: rgba(90, 0, 0, 0.95);
	background-image:
		linear-gradient(
			90deg,
			rgba(84, 13, 13, 0) 10%,
			rgba(110, 20, 20, 0.8) 30%,
			#800000 70%,
			rgba(110, 20, 20, 0.8) 80%,
			rgba(84, 13, 13, 0) 90%
		),
		linear-gradient(
			to right,
			rgba(128, 0, 0, 0) 0%,
			#800000 100%
		),
		linear-gradient(
			to left,
			rgba(128, 0, 0, 0) 0%,
			#800000 100%
		);
	color: #990b0b;
	border-color: #990b0b;
	box-shadow:
		0 0 0.6em #6e1313 inset,
		0 0 0.4em #540d0d inset,
		0 0 0.5em rgba(94, 8, 8, 0.5),
		0 0 0.1em rgba(153, 50, 50, 0.5);
}
.rgbBrn{
	background-color: rgba(150, 79, 41, 0.95);
	background-image:
		linear-gradient(
			90deg,
			rgba(182, 96, 49, 0) 10%,
			rgba(205, 106, 52, 0.8) 30%,
			#bd6a3c 70%,
			rgba(205, 106, 52, 0.8) 80%,
			rgba(182, 96, 49, 0) 90%
		),
		linear-gradient(
			to right,
			rgba(189, 106, 60, 0) 0%,
			#bd6a3c 100%
		),
		linear-gradient(
			to left,
			rgba(189, 106, 60, 0) 0%,
			#bd6a3c 100%
		);
	color: #a45d36;
	border-color: #a45d36;
	box-shadow:
		0 0 0.6em #cd6a34 inset,
		0 0 0.4em #b66031 inset,
		0 0 0.5em rgba(168, 99, 61, 0.5),
		0 0 0.1em rgba(170, 134, 115, 0.5);
}
/* ----- COLOUR.GRADIENT ----- */
/* --------------------------------------------------------------------------------------------------------- */