/* Alegreya Sans */
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
/* Aleo */
@import url('https://fonts.googleapis.com/css?family=Aleo:400,400i,700&display=swap');
/* Courier Prime */
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* Monda */
@import url('https://fonts.googleapis.com/css2?family=Monda:wght@400;700&display=swap');
/* Nunito */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;900&display=swap');
/* Signika */
@import url('https://fonts.googleapis.com/css2?family=Signika:wght@300;400;500;600&display=swap');
/* Ubuntu Mono */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700&display=swap');
/* Yantramanav */
@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@300;400;500;700&display=swap');
/* Yellowtail */
@import url("https://fonts.googleapis.com/css2?family=Yellowtail&display=swap");

body.freak {
	padding-top: 50px;
	padding-bottom: 50px;
}
/* used in main index */
.holder_index {
	font-family: 'Roboto';
  color: #ffc;
  background-color: #141414;
  border: ridge #222;
	border-width: 8px;
	box-shadow:
		5px 0 20px #000,
		-5px 0 20px #000,
		10px 0 40px #000,
		-10px 0 40px #000;
}
.holder.holder_index {
  margin: 0 auto 0 auto;
  border: ridge #222;
	border-width: 0px 8px;
	box-shadow:
		5px 0 20px #000,
		-5px 0 20px #000,
		10px 0 40px #000,
		-10px 0 40px #000;
}

/* hiders */
.hidesection {
	display: none;
	height: 0px;
}
.hidecolor {
	filter: grayscale(1);
	transition: 3s;
}

/* anchor */
.deadanchor {
	display: none;
}
.deadanchor:target {
  display: block;
  height: 115px; /*same height as header*/
  margin-top: -115px; /*same height as header*/
  visibility: hidden;
}
.deadanchor:target + .hidesection {
	display: block;
	height: auto;
}
.deadanchor:target + .hidecolor {
	filter: grayscale(0);
}
/* anchor attachments arrows */
.arrow_01:target + .hidesection::before {
	display: block;
	position: absolute;
	left: -100px;
	background-image: url('../img/layout/arrow_glimpse.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 40px;
	width: 40px;
	content: 'look!';
}
.arrow_02:target + .hidesection::before {
	display: block;
	visibility: visible;
	margin: 0;
	position: absolute !important;
	top: calc(50% + -20px) !important;
	-ms-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
	content: '';
	width: 60px;
	height: 46px;
	left: -120px;
	background-image: url('../img/layout/arrow_pointme.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

.deadreturn {
	display: none;
}
.deadreturn:active {
	display: block;
}
.deadreturn:active::after {
	content: '➥ you are here!';
	font-family: 'Hind';
	color: #911;
	font-size: 16px;
	line-height: 100%;
}

/* hiding stuff, so cool */
.hideme {
	height: 0;
	opacity: 0;
}
.hideme:target {
	height: auto;
	opacity: 1;
}
.hidescreen {
	opacity: 0;
	display: none;
	pointer-events: none;
	background-color: rgba(0,0,0,.89);
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: +20;
	top: -20px;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 30px;
	transition: 1s;
}
.hidescreen:target {
	display: flex;
	opacity: 1;
	pointer-events: all;
	transition: 0s;
}
.hidescreen .holder {
	width: 900px;
}

* + .closescreen {
	margin-top: 0px;
}
.hidescreen .closescreen a {
	text-align: right;
	display: block;
	color: #999;
	font-size: 27px;
	text-decoration: underline;
	text-decoration-color: #444;
	line-height: 100%;
	font-family: 'Roboto Slab';
}
.hidescreen .closescreen a::before {
	content: '➥';
	display: inline-block;
	color: #eee;
	font-size: 23px;
	line-height: 100%;
	text-decoration: none !important;
	bottom: 1px;
	margin-right: 5px;
}
.hidescreen .closescreen a:hover {
	color: #f36;
}

/* glossopedia top title fade thingo */
.glossofade {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	text-align: center;
	padding: 5px 0 20px 0;
	background: linear-gradient(to bottom, rgba(23,23,23,1) 60%,rgba(0,0,0,0) 100%);
	z-index: +10;
	font-family: 'Roboto Slab';
	font-size: 20px;
	line-height: 20px;
}
.glossofade a {
	color: #f36;
	transition: 0.6s;
}
.glossofade a:hover {
	color: #eee;
}
.glossofade a b {
	text-transform: uppercase;
	font-size: 18px;
	line-height: inherit;
	letter-spacing: 1px;
}
.glossofade a i {
	font-family: 'Alegreya';
	letter-spacing: 1px;
}

/* palettes */
.pal_miri 			{color: #f36 !important;}
.pal_pink 			{color: #f55 !important;}
.pal_rose				{color: #b53a3a !important;}
.pal_red 				{color: #e00 !important;}
.pal_rust				{color: #b00 !important;}
.pal_maroon			{color: #800 !important;}
.pal_white 			{color: #fff !important;}
.pal_grey				{color: #ddd !important;}
.pal_slate			{color: #46494f !important;}
.pal_black			{color: #000 !important;}
.pal_bluehell01 {color: #2267d6 !important;}
.pal_bluehell02 {color: #0755cc !important;}
.pal_redhell01 	{color: #e03d23 !important;}
.pal_redhell02 	{color: #fb695a !important;}
/* CHARA COLORS! */
.pal_adrian {color: var(--adrian) !important;}
.pal_argona {color: var(--argona) !important;}
.pal_bracey {color: var(--bracey) !important;}
.pal_chuck {color: var(--chuck) !important;}
.pal_default {color: var(--default) !important;}
.pal_fifi {color: var(--fifi) !important;}
.pal_kazmadark {color: var(--kazma_dark) !important;}
.pal_kazmalight {color: var(--kazma_light) !important;}
.pal_meaty {color: var(--meaty) !important;}
.pal_oliviadark {color: var(--olivia_dark) !important;}
.pal_valekslight {color: var(--valeks_light) !important;}
.pal_verity {color: var(--verity) !important;}
.pal_virgodark {color: var(--virgo_dark) !important;}
.pal_xori {color: var(--xori) !important;}

/* solid BG colors */
.bgc_white {background-color: #fff;}

/* display text styles */
.clarifysay {
	font-family: 'Monda';
	color: #f36;
	font-size: 21px;
	text-align: center;
	letter-spacing: .5px;
	text-shadow:
		1px 1px 0 #555,
		2px 2px 0 rgba(0,0,0,.7),
		1px 1px 5px rgba(0,0,0,.7),
		5px 5px 10px rgba(0,0,0,.8),
		5px 5px 2px rgba(0,0,0,.5);
}
.clarifysay a {
	color: #d0d0d0;
}
.clarifysay a:hover {
	color: #444;
}
.clarifaxy {
	text-align: center;
	color: #3e434e;
	font-family: 'Monda';
	border-bottom: 2px solid #99baaa;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 19px;
	line-height: 17px;
}
.clarifaxy + div {
	margin-top: 5px;
}
.tuxytitle {
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 20px;
	color: #fff;
	font-family: 'Noticia Text';
	text-transform: uppercase;
	text-shadow:
		-1px -1px 0 #f36,
		0px 2px 0 #666,
		1px 3px 0 #444;
}
.tuxytitle a {
	color: #fff;
}
.tuxytitle a:hover {
	color: #f36;
}
.tuxytitle + [class*="tuxybox"] {margin-top: 10px;}

.clarifylight {
	font-family: 'Monda';
	color: #dce1e4;
	font-size: 17px;
	line-height: 130%;
	text-align: center;
	letter-spacing: .5px;
	text-shadow:
		1px 1px 0 #444,
		2px 2px 0 rgba(0,0,0,.7),
		1px 1px 5px rgba(0,0,0,.7),
		5px 5px 10px rgba(0,0,0,.8),
		5px 5px 2px rgba(0,0,0,.5),
		0 0 15px #222,
		0 0 20px #333,
		0 0 30px #444,
		0 0 40px #555,
		0 0 50px #666;
}
.bowhead01 {
	font-family: 'Aleo';
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	font-style: italic;
	text-shadow: 1px 1px 0 #aaa;
	letter-spacing: 2px;
}
.bowhead01 + * {margin-top: 5px !important;}
.bowhead02 {
	color: #000;
	font-family: 'Aleo';
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	margin-bottom: 4px;
	text-transform: lowercase;
	text-shadow: 1px 1px 0 rgba(0,0,0,.5);
	letter-spacing: 0.5px;
}
.bowhead03 {
	font-family: 'Aleo';
	color: #000;
  font-weight: bold;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0,0,0,.5);
	letter-spacing: 0.5px;
}
.bowhead04 {
	font-weight: 400;
	color: #eee;
	font-family: 'Roboto Slab';
	letter-spacing: 3px;
	font-size: 23px;
	line-height: 23px;
	text-transform: uppercase;
	text-align: center;
	text-shadow:
		1px 1px 0 #555,
		1.5px 1.5px 0 #444,
		2px 2px 0 #333;
}
.bowhead06 {
	font-family: 'Alegreya';
	text-align: center;
	font-size: 35px;
	line-height: 35px;
	letter-spacing: 14px;
	color: #fff;
	text-transform: uppercase;
	text-shadow:
		.5px 1.5px 1px #666,
		1px 3px 0 #444;
}

/* informational boxes */
.overbox {
	padding: 15px;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: .5px;
	border-radius: 5px;
	color: #000;
	box-shadow:
		1px 1px 0 rgba(255,255,255,.3) inset,
		1px 1px 0 #444,
		2px 2px 0 #333,
		3px 3px 0 #222;
}
.overbox a {
	font-weight: bold;
	text-decoration: underline;
	color: #333;
}
.overheader {
	font-weight: 300;
	margin-top: -10px;
	font-size: 26px;
	line-height: 26px;
	font-family: 'Alegreya';
	font-style: italic;
	text-align: center;
	color: #eee;
	text-shadow:
		1px 1px 0 #666,
		2px 2px 0 #333,
		0 0 5px #000,
		0 0 10px #f36,
		0 0 15px #f36,
		0 0 20px #f36 !important;
}
.overbox.blue {
	background: var(--default);
}
.overbox.pink {
	background-color: #f36;
}
.overbox.grey {
	background-color: #aaa;
}

/* horny */
.horny {
	font-family: 'Yellowtail';
	color: #f36;
	text-align: center;
	font-size: 40px;
	line-height: 40px;
	text-shadow:
		0 0 3px #f36,
		2px 2px 3px #000,
		-5px -5px 20px #f36,
		10px 10px 20px #000;
}

/* swoosh header */
.swooshead {
	text-align: center;
	z-index: +1;
	text-transform: lowercase;
	color: #f36;
	font-family: 'Homemade Apple';
	font-size: 27px;
	line-height: 27px;
	padding-bottom: 10px;
	margin: inherit auto;
	padding-left: 13px;
	text-shadow:
		1px 1px 0 #111,
		1px 2px 0 #111,
		2px 2px 0 #111;
}
.swooshead:before {
	z-index: -1;
	display: block;
	content: '';
	height: 15px;
	position: absolute;
	top: 22px;
	left: 0;
	right: 0;
	background-image: url('../story/img/layout/stroke.png');
	background-size: 430px;
	background-repeat: no-repeat;
	background-position: center;
}

/* framing boxes */
.darkflap {
	padding: 10px;
	border-radius: 5px;
	border: 2px solid #f36;
	background-color: #000;
	color: #fff;
	background: rgb(17,17,17);
	background: -moz-linear-gradient(top,  rgba(17,17,17,1) 0%, rgba(84,84,84,1) 50%, rgba(84,84,84,1) 50%, rgba(255,51,102,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(17,17,17,1) 0%,rgba(84,84,84,1) 50%,rgba(84,84,84,1) 50%,rgba(255,51,102,1) 100%);
	background: linear-gradient(to bottom,  rgba(17,17,17,1) 0%,rgba(84,84,84,1) 50%,rgba(84,84,84,1) 50%,rgba(255,51,102,1) 100%);
	box-shadow:
		1px 1px 0 rgba(255,255,255,.3) inset,
		1px 1px 0 #444,
		2px 2px 0 #333,
		3px 3px 0 #222;
}
.tuxedo {
	padding: 15px;
	background-color: #fff;
	font-family: 'Aleo';
	font-size: 16.6px;
	line-height: 17.5px;
	color: #000;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	text-shadow: none;
}
.tuxedo hr {
	border: 0;
	border-bottom: 1px dashed #bbb;
	margin-left: -20px;
	margin-right: -20px;
	box-shadow:
		0 1px 2px #999,
		0 3px 8px #999;
}
.tuxytext {
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: justify;
	text-shadow: 0.5px 0.5px 0 #eee;
}
.tuxytext sup {
	font-size: 10px;
	font-family: 'Courier';
	font-weight: bold;
}
.tuxytext span {
	font-weight: bold;
	text-shadow: 0.5px 0.5px 0 #aaa;
}

.glossoboxy {
	font-family: 'Ubuntu';
	font-size: 16.6px;
	line-height: 19.4px;
	padding: 15px;
	color: #222;
	text-shadow: none;
	text-align: left;
	box-shadow:
		1px 1px 0 #ccc inset,
		2px 2px 0 #aaa inset,
		0 0 4px #aaa inset;
	background-color: #ffffff;
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%);
}
.glossoboxy > * + * {margin-top: 15px;}
.glossoboxy hr {
	margin: 19px -15px 15px -15px;
	border: 0;
	border-bottom: 2px solid rgba(0,0,0,.4);
}
.hitohold {
	padding: 20px;
	background-image: url("../img/layout/hitobg.png");
	background-size: cover;
	background-attachment: fixed;
	border: 3px solid #222;
	box-shadow:
		1px 1px 0 rgba(0,0,0,.4) inset,
		-1px -1px 0 rgba(0,0,0,.4) inset,
		0 0 30px #f36,
		0 0 4px #f36;
}
.hitohold > * + * {margin-top: 20px;}
.tilebox {
	background-image: url('../img/layout/behindthe.png');
	background-attachment: fixed;
	background-size: cover;
	box-shadow:
		-3px 0 0 rgba(0,0,0,.3),
		3px 0 0 rgba(0,0,0,.3);
	border: 6px solid #000;
	padding: 15px 20px;
}
.tilebox > * + * {margin-top: 15px;}
.clarifybox {
	font-family: 'Monda';
	color: #333;
	background: rgba(255,255,255,.8);
	padding: 20px;
	text-align: left;
	font-size: 15.6px;
	line-height: 17.6px;
	box-shadow:
		1px 1px 0 rgba(0,0,0,.3),
		-1px -1px 0 rgba(255,255,255,.2);
	text-shadow: none;
}
.clarifybox > * + * {margin-top: 15px;}
.clarifybox a {
	color: #333;
	text-shadow:
		0.5px 0.5px 0 rgba(0,0,0,.5);
	text-decoration: underline;
	text-decoration-color: #f36;
}
.clarifybox a:hover {
	color: #f36;
}
.clarifybox hr {
	margin: 20px -20px;
	border: 0;
	border-bottom: 2px solid rgba(0,0,0,.4);
}

/* background effect boxes */
[class*='tuxybox'] {
	background-color: #111;
	color: #eee;
	padding: 20px;
	background-size: 300px;
	border: 2px solid #333;
	margin-left: calc(auto -2px);
	margin-right: calc(auto -2px);
	box-shadow:
		1.5px 0px 0 #000,
		0 0 10px #111,
		0 0 30px #444;
	border-radius: 1px;
}
[class*='tuxybox'] > * + * {
	margin-top: 20px;
}
.tuxybox_01 {
	background-image: url('../img/layout/tuxedo_01.png');
}
.tuxybox_02 {
	background-image: url('../img/layout/tuxedo_02.png');
	background-size: 150px;
}
.tuxybox_03 {
	background-image: url('../img/layout/tuxedo_03.png');
}
.tuxybox_04 {
	background-image: url('../img/layout/tuxedo_04.png');
}
.tuxybox_05 {
	background-image: url('../img/layout/tuxedo_05.png');
}

/* main background etc */
.bgns { /* this tells the background not to scroll */
	background-attachment: fixed;
}
.bgc { /* this sizes the background */
	background-size: cover;
}
.freak_01 	{background-image: url("../img/bg/indexbg_01.png");}
.freak_02 	{background-image: url("../img/bg/indexbg_02.png");}
.freak_03 	{background-image: url("../img/bg/indexbg_03.png");}
.freak_04 	{background-image: url("../img/bg/indexbg_04.png");}
.freak_05 	{background-image: url("../img/bg/indexbg_05.png");}
.freak_06 	{background-image: url("../img/bg/indexbg_06.png");}
.freakv_01 	{background-image: url("../img/bg/indexbg_var_01.png");}
.freakv_01a	{background-image: url("../img/bg/indexbg_var_01_a.png");}
.freakv_02 	{background-image: url("../img/bg/indexbg_var_02.png");}
.freakv_02a	{background-image: url("../img/bg/indexbg_var_02_a.png");}
.freak_vhz 	{background-image: url("../img/bg/indexbg_vhz.png");}
.vhzbg_01 	{background-image: url("../img/bg/vhzbg_01.png");}
.vhzbg_02 	{background-image: url("../img/bg/vhzbg_02.png");}
.vhzbg_03 	{background-image: url("../img/bg/vhzbg_03.png");}

/* bg images */
.breakover {
	background-image: url("../img/bg/breakover.png");
}
.chatback {
	background-image: url("../img/bg/chatback.png");
}
.dedazebox {
	background-image: url("../img/bg/dedazed.png");
}
.fadebox {
	background-image: url("../img/bg/faded.png");
}
.floodwaters {
	background-image: url("../img/bg/floodwaters.png");
}
.lapsebox {
	background-image: url("../img/bg/lapsed.png");
}
.loverbox {
	background-image: url("../img/bg/lovers_only.png");
}
.magentamaze {
	background-image: url("../img/bg/magentamaze.png");
}
.partisaned {
	background-image: url('../img/bg/interbackdrop.png');
}
.ripplebox {
	background-image: url("../img/bg/strained.png");
}
.rippleblue {
	background-image: url("../img/bg/rippleblue.png");
}
.ripplered {
	background-image: url("../img/bg/ripplered.png");
}
.rippleblack {
	background-image: url("../img/bg/rippleblack.png");
}
.ripplewhite {
	background-image: url("../img/bg/ripplewhite.png");
}
.ruggedbox {
	background-image: url("../img/bg/rugged.png");
}
.socialbox_01 {
	background-image: url("../img/bg/socialscene_01.png");
}
.socialbox_02 {
	background-image: url("../img/bg/socialscene_02.png");
}
.socialbox_03 {
	background-image: url("../img/bg/socialscene_03.png");
}
.socialbox_04 {
	background-image: url("../img/bg/socialscene_04.png");
}
.sordidson {
	background-image: url("../img/bg/sordidson.png");
}
.staticized {
	background-image: url("../img/bg/staticized.png");
}

/* red/blue hell maze bgs */
[class*='mazebox'] {
	font-family: 'Roboto Slab';
	font-size: 16px;
	line-height: 110%;
	text-shadow: none;
}
.mazebox01 /* the red one */ {
	background-size: 100px !important;
	background-repeat: repeat !important;
	background-image: url('../module/red/img/layout/bg_2.png');
}
div.mazebox01 {
	border: 4px ridge #0755cc;
	padding: 10px;
	border-radius: 5px;
	color: #e03d23;
	box-shadow:
		1px 1px 3px #e03d23 inset,
		0 0 4px #000,
		0 0 15px #e03d23;
}
.mazebox01:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(36,36,36,.9) 30%, rgba(244,46,19,.75) 100%);
}
.mazebox02 /* the blue one */ {
	background-size: 140px !important;
	background-repeat: repeat !important;
	background-image: url('../module/red/img/layout/bg_1.png');

}
div.mazebox02 {
	border: 4px ridge #e03d23;
	padding: 10px;
	border-radius: 5px;
	color: #2267d6;
	box-shadow:
		1px 1px 3px #0755cc inset,
		0 0 4px #000,
		0 0 15px #0755cc;
}
.mazebox02:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(36,36,36,.9) 30%, rgba(0,79,233,.75) 100%);
}
.mazeboxred_01 {
	border: 3px solid #000;
	box-shadow: 3px 3px 0 rgba(0,0,0,.3);
	padding: 10px;
	background-color: #e03d23;
	color: #111;
}
.mazeboxred_02 {
	padding: 10px;
	border-radius: 10px;
	background-color: #e03d23;
	color: #000;
}
.mazeboxblue_01 {
	border: 3px solid #000;
	box-shadow: 3px 3px 0 rgba(0,0,0,.3);
	padding: 10px;
	background-color: #0755cc;
	color: #111;
}
.mazeboxblue_02, .mazebox04 {
	padding: 10px;
	border-radius: 10px;
	background-color: #0755cc;
	color: #000;
}
.mazeboxblack, .mazebox05 {
	padding: 10px;
	border-radius: 10px;
	background-color: #111;
	color: #ccc;
}

/* miri says */
.mirisays {
	font-family: 'Ubuntu';
	padding: 12px;
	font-size: 18px;
	border-radius: 2px;
}
.mirichat > .mirisays {
	display: inline-block;
}
.smaller > .mirisays {
	font-size: 16px;
	line-height: 19px;
}
.left > .mirisays:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color: #000;
	border-left: 0;
	border-top: 0;
	margin-top: -10px;
	margin-left: -20px;
}
.right > .mirisays:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-left-color: #000;
	border-right: 0;
	border-top: 0;
	margin-top: -10px;
	margin-right: -20px;
}
.mirisays.black {
	background-color: #000;
	color: #e4095f;
	box-shadow:
		3px 5px 0 #2c2e2d,
		5px 5px 0 #2c2e2d;
	text-shadow:
		.5px .5px 0 rgba(255,255,255,.2),
		1.5px 1.5px 0 rgba(255,255,255,.2);
}
.mirisays.black:after {
	border-left-color: #000;
	border-right-color: #000;
}
.mirisays.pink {
	background-color: #e4095f;
	color: #222;
	box-shadow:
		3px 5px 0 #2c2e2d,
		5px 5px 0 #2c2e2d;
	text-shadow:
		.5px .5px 0 rgba(0,0,0,.4),
		1.5px 1.5px 0 rgba(255,255,255,.2);
}
.mirisays.pink:after {
	border-right-color: #e4095f;
	border-left-color: #e4095f;
}

/* mirichan */
.mirichat::before {
	content: '';
	height: 149px;
	width: 230px;
	background-size: cover !important;
	position: absolute;
	bottom: -20px;
	z-index: +1;
}
.mirichat.miri_00::before {
	background-image: url('../img/layout/miri_00.png');
}
.mirichat.miri_01::before {
	background-image: url('../img/layout/miri_01.png');
}
.mirichat.miri_02::before {
	background-image: url('../img/layout/miri_02.png');
}
.mirichat.miri_03::before {
	background-image: url('../img/layout/miri_03.png');
}
.mirichat.miri_04::before {
	background-image: url('../img/layout/miri_04.png');
}
.mirichat.left {
	margin-left: 250px;
	text-align: left;
}
.mirichat.left::before {
	left: -250px;
}
.mirichat.right {
	margin-right: 250px;
	text-align: right;
}
.mirichat.right::before {
	right: -250px;
	transform: scaleX(-1);
}
.mirichat.smaller::before /* mirichat, larger sized */ {
	height: 110px;
	width: 170px;
}
.mirichat.smaller.left {
	margin-left: 200px;
}
.mirichat.smaller.left::before {
	left: -200px;
}
.mirichat.smaller.right {
	margin-right: 200px;
}
.mirichat.smaller.right::before {
	right: -200px;
}
.mirichat.larger::before /* mirichat, larger sized */ {
	height: 165px;
	width: 255px;
}
.mirichat.larger.left {
	margin-left: 270px;
}
.mirichat.larger.left::before {
	left: -270px;
}
.mirichat.larger.right {
	margin-right: 270px;
}
.mirichat.larger.right::before {
	right: -270px;
}

/* mirichan: micro mirichan */
.microsay {
	font-family: 'Nunito';
	text-align: right;
	line-height: inherit !important;
	font-size: 14px;
	bottom: -3px;
	letter-spacing: 1px;
	font-weight: 800;
	margin-right: 39px;
	text-shadow: none;
}
.microsay.left {
	font-family: 'Nunito';
	text-align: left;
	line-height: inherit !important;
	font-size: 14px;
	bottom: -3px;
	letter-spacing: 1px;
	font-weight: 800;
	margin-right: 0;
	margin-left: 39px;
	text-shadow: none;
}
.saybox {
	display: inline;
	padding: 1px 6px 1px 5px;
}
.microsay.black > .saybox {
	color: #e4095f;
	background-color: #000;
	box-shadow:
		1px 1px 0 #444;
}
.microsay.pink > .saybox {
	color: #000;
	background-color: #e4095f;
	box-shadow:
		1px 1px 0 #000,
		2px 2px 0 #000;
}
.microsay::before {
	content: '';
	height: 20px;
	width: 31px;
	background-size: cover !important;
	position: absolute;
	bottom: 0px;
	right: -31px;
	z-index: +1;
}
.microsay.left::before {
	transform: scaleX(-100%);
	right: auto;
	left: -31px;
}
.microsay.micro_01.black::before {
	background-image: url('../img/layout/micro_black_01.png');
}
.microsay.micro_02.black::before {
	background-image: url('../img/layout/micro_black_02.png');
}
.microsay.micro_01.pink::before {
	background-image: url('../img/layout/micro_pink_01.png');
}
.microsay.micro_02.pink::before {
	background-image: url('../img/layout/micro_pink_02.png');
}

/* link styles */
.glossolinkme {
	font-family: 'Aleo';
	transition: 1s;
	font-weight: 500;
	font-size: 23px;
	letter-spacing: 3px;
	text-align: center;
}
.glossolinkme a, a.glossolinkme {
	color: #000;
	transition: 1s;
	text-shadow:
		0.5px 0.5px 0 #f36,
		1px 1px 0 #f36;
}
.glossolinkme:hover a, a.glossolinkme:hover {
	color: #f36;
	text-shadow:
		0.5px 0.5px 0 #555,
		1px 1px 5px #333,
		5px 5px 15px #333;
}
.glossolinkme::before {
	display: inline-block;
	content: '';
	background-image: url('../img/layout/miri_pointer.png');
	height: 14px;
	width: 22px;
}
.glossolinkme::after {
	display: inline-block;
	content: '';
	transform: scaleX(-1);
	background-image: url('../img/layout/miri_pointer.png');
	height: 14px;
	width: 22px;
}
.glossolinkme.light {
	color: #fff;
	text-shadow:
		0.5px 0.5px 0 #f36,
		1px 1px 0 #f36;
}
.glossolinkme.light:hover a {
	color: #f36;
	text-shadow:
		0.5px 0.5px 0 #111,
		1px 1px 0 #333,
		3px 3px 0 #111,
		5px 5px 15px #333;
}
.glossolinkme.light a {
	color: #fff;
}

.mazebox05 [class*='deadlink']::before,
.mazebox05 [class*='deadlink']::after {
	filter: invert(1);
}

/* DEADENDS */
body.deadend {
	padding: 35px;
}
body.deadend .deadholder {
	min-height: calc(100vh - 70px);
  display: flex;
	flex-direction: column;
	justify-content: center;
}
body.deadend .clarifysay {
	font-family: 'Monda';
	color: #f36;
	text-align: center;
	letter-spacing: .5px;
	text-shadow:
		1px 1px 0 #555,
		2px 2px 0 rgba(0,0,0,.7),
		1px 1px 5px rgba(0,0,0,.7),
		5px 5px 10px rgba(0,0,0,.8),
		5px 5px 2px rgba(0,0,0,.5);
}

/* borders for holders */
.deadframe01 {
	border: 3px solid #222;
	box-shadow:
		1px 1px 0 rgba(0,0,0,.4) inset,
		-1px -1px 0 rgba(0,0,0,.4) inset,
		0 0 30px #f36,
		0 0 4px #f36;
}
.deadframe02 {
	border: 5px #f36 ridge;
	border-radius: 5px;
	box-shadow:
		1px 1px 0 rgba(0,0,0,.4) inset,
		-1px -1px 0 rgba(0,0,0,.4) inset,
		0 0 5px #f36,
		0 0 10px #666,
		0 0 30px #f36;
}
.deadframe03 {
	border: 1px outset #898989;
	border-radius: 2px;
	box-shadow:
		 2px  2px 0 #666 inset,
		-2px -2px 0 #666 inset,
		 3px  3px 0 #333 inset,
		-3px -3px 0 #333 inset,
			0 0 5px #222 inset,
		5px 0 15px #f36 inset,
		-5px 0 15px #f36 inset;
}
.deadframe04 {
	border: 3px #f36 solid;
	border-radius: 1px;
	box-shadow:
		1px 1px 0 rgba(0,0,0,.4) inset,
		-1px -1px 0 rgba(0,0,0,.4) inset,
		0 0 5px #f36,
		0 0 10px #666,
		0 0 30px #f36;
}
.deadframe05 {
	border: 3px #111 inset;
	box-shadow:
		1px 1px 3px #0755cc,
		0 0 4px #000,
		0 0 15px #0755cc;
}
.deadframe06 {
	border: 3px #111 solid;
	border-radius: 1px;
	box-shadow:
		1px 1px 0 rgba(0,0,0,.4) inset,
		-1px -1px 0 rgba(0,0,0,.4) inset,
		0 0 5px #111,
		0 0 10px #666,
		0 0 30px #111;
}
.tuxyframe {
	border: 2px solid #333;
	box-shadow:
		1.5px 0px 0 #000,
		0 0 10px #111,
		0 0 30px #444;
	border-radius: 1px;
}

/* psuedo badholder stuff */
.badhold_01 {
	background: rgba(0,0,0,.6);
	color: #ddd;
	border: 2px solid #f36;
	padding: 10px;
	border-radius: 10px;
	transition: 1s;
	box-shadow:
		2px 2px 1px rgba(0, 0, 0, 0.2),
		2px 2px 1px rgba(0, 0, 0, 0.2) inset;
}
.badhold_02 {
	background: rgb(255,51,102,.7);
	color: #ddd;
	border: 3px solid #f36;
	padding: 10px;
	border-radius: 10px;
	transition: 1s;
	box-shadow:
		2px 2px 1px rgba(0, 0, 0, 0.5) inset,
		2px 2px 1px rgba(0, 0, 0, 0.5),
		0 0 10px #f36,
		0 0 40px #f36;
}
.badhold_03 {
	background: rgba(255,255,255,.59);
	color: #333;
	border: 3px solid #f36;
	padding: 10px;
	border-radius: 10px;
	transition: 1s;
	box-shadow:
		2px 2px 1px rgba(0, 0, 0, 0.5) inset,
		2px 2px 1px rgba(0, 0, 0, 0.5),
		0 0 10px #f36,
		0 0 40px #f36;
}
.badhold_04 {
	background: rgba(0,0,0,.85);
	color: #eee;
	border: 3px solid #f36;
	padding: 10px;
	border-radius: 10px;
	transition: 1s;
	box-shadow:
		2px 2px 1px rgba(0, 0, 0, 0.5) inset,
		2px 2px 1px rgba(0, 0, 0, 0.5),
		0 0 10px #f36,
		0 0 40px #f36;
}
.badhold_05 {
	background: rgba(0,0,0,.85);
	color: #eee;
	border: 2px solid #666;
	padding: 10px;
	border-radius: 10px;
	transition: 1s;
	box-shadow:
		2px 2px 1px rgba(0, 0, 0, 0.5) inset,
		2px 2px 1px rgba(0, 0, 0, 0.5),
		0 0 10px #f36,
		0 0 40px #f36;
}
.badhead_01 {
	font-family: 'Roboto Slab';
	text-align: center;
	color: #ddd;
	font-size: 21px;
	line-height: 21px;
	letter-spacing: 3px;
	text-shadow:
		1px 1px 0 #555,
		1.5px 1.5px 0 rgba(0,0,0,.7),
		1px 1px 5px rgba(0,0,0,.7),
		5px 5px 10px rgba(0,0,0,.3),
		5px 5px 3px rgba(0,0,0,.5);
}
.badhead_02 {
	font-family: 'Courier', 'Courier New';
	text-align: center;
	color: #111;
	font-size: 27px;
	line-height: 27px;
	letter-spacing: 3px;
	text-shadow:
		1px 1px 0 #222,
		1.5px 1.5px 0 rgba(0,0,0,.3),
		1px 1px 5px rgba(0,0,0,.3);
}

/* navigation stuff */
.deadtitle {
	position: fixed;
	font-family: 'Roboto Slab';
	background-color: #000;
	color: #ccc;
	left: 0;
	right: 0;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 2px;
	z-index: 999 !important;
}
.deadtitle.high {
	border-bottom: 2px solid #444;
	top: 0;
	padding: 3px 0 2px 0;
}
.deadtitle.low {
	border-top: 2px solid #444;
	bottom: 0;
	padding: 3px 0 2px 0;
}
.deadtitle a {
	color: #eee;
}

/* text shadow styles */
.tshad01 {
	text-shadow:
		0.5px 0.5px 0px #000,
		1px 1px 0px #000,
		1px 1px 3px #000,
		0 0 5px #000,
		0 0 10px #000,
		0 0 15px #000,
		0 0 20px #000,
		0 0 40px #000;
}
.tshad02 {
	text-shadow:
		2px 2px 3px #000,
		-2px -2px 10px #f36,
		5px 5px 15px #000;
}
.tshad03 {
	line-height: 130%;
	text-shadow:
		-2px 0 0 #111,
		2px 0 0 #111,
		0 -2px 0 #111,
		0 2px 0 #111;
}
.tshad04 {
	text-shadow:
		-0.5px -0.5px 0.5px rgba(255,51,102,.3),
		0.5px 0.5px 0.5px #f36,
		6px 7px 6px rgba(0,0,0,.7);
}
.tshad05 {
	text-shadow:
		0.2px 0.2px 0.5px rgba(0,0,0,.45),
		0.2px 0.2px 0.5px rgba(0,0,0,.45);
}
.tshad06 {
	text-shadow:
		0.5px 0.5px 0.5px #555,
		3px 4px 4px rgba(0,0,0,.7);
}
.tshad07 {
	text-shadow:
		1px 1px 0 #666,
		1px 1px 0.5px #666,
		2px 2px 1px rgba(0,0,0,.5);
}

/* content warning */
.adulty::after {
	content: '';
	background: #59c685;
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	transition: 1s;
}
.adulty:hover::after {
	opacity: 0;
}
.adulty:hover::before {
	opacity: 0;
}
.adulty::before {
	content: 'adult content';
	color: #d22d01;
	z-index: +1;
	position: absolute;
	text-align: center;
	width: 100%;
	transition: 1s;
  position: absolute !important;
  top: 50% !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}