@font-face {
    font-family: 'cour';
    src: url("../assets/fonts/CourierNew.ttf");
}

@font-face {
    font-family: 'ass';
    src: url("../assets/fonts/courier-normal.ttf");
}

@font-face {
    font-family: 'verd';
    src: url("../assets/fonts/Verdana.ttf");
}

@font-face {
    font-family: 'comicsans';
    src: url("../assets/fonts/funnysans.ttf");
}

:root {
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
	
	--bg-one: #eeeeee;
	--bg-two: #c6c6c6;
	--bg-three: #535353;
	font-family:  "ass", courier, monospace;
    --color-john:#0715cd;
    --color-rose:#b536da;
    --color-dave:#e00707;
    --color-jade:#4ac925;
    --color-jane:#00d5f2;
    --color-jake:#1f9400;
    --color-dirk:#f2a400;
    --color-autoresponder:#e00707;
    --color-roxy:#ff6ff2;
	--color-signless:#626262;
    --color-rustblood:#a10000;
    --color-bronzeblood:#a16000;
    --color-goldblood:#a1a100;
    --color-oliveblood:#416600;
    --color-jadeblood:#008141;
    --color-tealblood:#008282;
    --color-blueblood:#005682;
    --color-indigoblood:#000056;
    --color-purpleblood:#2b0057;
    --color-violetblood:#6a006a;
    --color-fuschiablood:#77003c;
    --color-mutantblood:red;
    --color-cherub:#0b4100;
    --color-cherub-red:red;
    --color-cherub-green:#2ed73a;
    --color-caliborn:#323232;
	--color-calliope:#929292;
	
	/* custom start */
	
	--color-angela: #926EF4;
	--color-jellee: #926EF4;
	--color-drewee: #9B48B5;
	--color-allee: #5E4D91;
	
	/* sovstuck */
	
	--color-retris: #009119;
	
	/*
	
    --color-ruthie:#a10000;
    --color-recidivousgainsayer:#a10000;
    --color-alfonz:#416600;
    --color-swifer:#078446;
    --color-cliper:#078446;
    --color-motter:#000056;
    --color-caliborn-felt:#2ed73a;
    --color-caliborn-felt-epilogues:#009c68;
    --color-caliborn-red:red;
    --color-calliope-epilogues:#a1a3a6;
    --color-calliope-alt:red;
    --color-calliope-al:red;
    --color-calliope-red:red;
    --color-calliope-green:#2ed73a;
    --color-lord-english:#2ed73a;
    --color-lord-english-dark-red:#950015;
    --color-lord-english-red:#df0000;
    --color-lord-english-orange:#ff6000;
    --color-lord-english-yellow:#ffea00;
    --color-lord-english-green:#008140;
    --color-lord-english-blue:#4040fd;
    --color-lord-english-purple:#a357ff;
    --color-doc-scratch:#fff;
    --color-itchy:#ffea00;
    --color-doze:#4040fd;
    --color-trace:#df0000;
    --color-clover:#a357ff;
    --color-fin:#ff6000;
    --color-die:#008140;
    --color-crowbar:#950015;
    --color-snowman:#000;
    --color-stitch:#ffea00;
    --color-sawbuck:#4040fd;
    --color-matchsticks:#df0000;
    --color-eggs:#a357ff;
    --color-biscuits:#ff6000;
    --color-quarters:#008140;
    --color-cans:#950015;
    --color-harlequinsprite:#00d5f2;
    --color-nannasprite:#00d5f2;
    --color-jaspersprite:#f141ef;
    --color-crowsprite:#f2a400;
    --color-calsprite:#f2a400;
    --color-davesprite:#f2a400;
    --color-becsprite:#1f9400;
    --color-jadesprite:#1f9400;
    --color-tavrisprite:#0715cd;
    --color-tavrosprite:#0715cd;
    --color-gcatavrosprite:#0715cd;
    --color-fefetasprite:#b536da;
    --color-rosesprite:#b536da;
    --color-jasprosesprite:#b536da;
    --color-jasprosesprite-prefix:#f141ef;
    --color-arquiusprite:#e00707;
    --color-erisolsprite:#4ac925;
    --color-nepetasprite:#4ac925;
    --color-davepetasprite:#f2a400;
    --color-davepetasprite-prefix:#4ac925;
    --color-frogsprite:#a10000;
    --color-aradiasprite:#a10000;
    --color-tinkersprite:#a16000;
    --color-bicyclopsprite:#a1a100;
    --color-crabsprite:#626262;
    --color-pouncesprite:#416600;
    --color-mothersprite:#008141;
    --color-dragonsprite:#008282;
    --color-spidersprite:#005682;
    --color-aurthoursprite:#000056;
    --color-goatsprite:#2b0057;
    --color-seahorsesprite:#6a006a;
    --color-glbgolybsprite:#77003c; */
}

.boobiescoop {
	max-width: 950px;
	width: auto;
	margin-left: auto; 
	margin-right: auto;	
}

body {
	background-color: var(--bg-three);
	margin: 0px;
}

.awesometainer {
	background-color: var(--bg-two);
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
	padding-bottom: 7px;
}

.pagename {
	background-color: var(--bg-one);
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	text-align: center;
	font-weight: bold;
	min-height: 62px;
}

.pagecontent {
	background-color: var(--bg-one);
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}

.superbonercontainer {
    max-width: 600px;
    align-content: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

.superbonercontainer .textttt {
	text-align: center;
}

.pagename font {
	font-weight: bold;
	font-family: "ass", courier, monospace; 
	color:#000000;
	line-height: 1;
}

.footer {
	font-family: "ass", courier, monospace; 
}

.pagecontent font {
	font-weight: normal;
	font-family: "verd", "Verdana", sans-serif;
	text-align: left;
}

.pesterlog {
	text-align: center;
}

.scaryhidden {
	display: none;
}

.pesterlogtext {
	font-weight: bold; 
	font-family: courier, monospace;
	color:#000000;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}

.pesterlogimg {
	align-items: center;
}

.pesterlogimg img {
	max-width: 550px;
	max-height: 150px;
}


.topnav {
	width: 950px;
	max-height: 20px;
	line-height: 20px;
	font-size: 10px;
	font-family: "Arial", sans-serif;
	margin-left: auto;
	margin-right: auto;
	white-space: nowrap;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	align-items: center;
	padding-bottom: 3px;
}

.topnav img {
	vertical-align: sub;
}

.topnav a,
.topnav a:visited,
.topnav a:hover { 
	color: #FFFFFF; 
	text-decoration: underline;
}

.skinner {
	background-color: var(--bg-one);
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 10px;
}

.skincontainer {
	max-width: 600px;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 480px) { 
	.awesometainer,
	.pagename,
	.pagecontent,
	.skinner	{
		max-width: unset;
		margin: unset;
		width: 100%
	}
	
	.awesometainer {
		padding: 0px;
	}
	
	.topnav {
		width: 100%
	}
	
	.pagename img {
		width: 100%;
	}
	
	.pagename iframe {
		max-width: 100%;
		height: 100%;
	}

	.superbonercontainer,
	.skincontainer {
		max-width: 90%;
	}
	
	.boobiescoop img {
		width: 100%;
		content: url('../comics/images/bannermsparipoff-mobile.png');
		padding-top: 4px;
	}
	
	.pesterlogimg img {
		max-width: unset;
		max-height: unset;
		width: 90%
	}
	
	#rufflecontainerformobilefuckoff {
		width: 100%;
	}
	
	#rufflecontainerformobilefuckoff ruffle-embed {
		width: 100%;
		height: 100%;
		display: block;
	}
}