@charset "utf-8";
html,body {
/* #5x41SK---rrEB
 * #0652OHmKJhpxy*/
	background: radial-gradient(circle at 50% 0%, #424343 10%, #101111 40%) center / 130% no-repeat;
	color: white;
	font-style:normal;
	min-height:100%;
	min-width:100%;
	margin:0;
	padding:0;
	text-rendering: optimizeLegibility
}
body {
	padding-top:3.5rem;
	font-family:verdana,arial,sans-serif;
	font-size:100%
}
h1, h2, h3 {font-family:'Lucida Sans Unicode','Lucida Grande','Trebuchet MS',sans-serif}
h1 {font-size:210%}
h2 {font-size:185%}
h3 {font-size:145%}

sub {vertical-align:sub}
sup {vertical-align:super}

pre,code,tt,kbd {
	font-family:'DejaVu Sans Mono','Andale Mono','Bitstream Vera Sans Mono',monospace,serif;
	font-size:90%
}
.pre,.code {white-space:prewrap}
a:link {text-decoration:none}
a:focus {outline:0;font-weight:700}

#topscroller {
	width:100%;
	height:4.1rem;
	background-image:url(/img/redhoriz.png);
	-webkit-animation:autoplay 90s linear infinite;
	animation:autoplay 90s linear infinite
}
@keyframes autoplay {
0% {background-position: 0 0;}
100% {background-position: -1859px 0;}
}
/* LOGO */
topband,#bottomtabs,#botwrap,visitor,announce,content,fieldset,foot {display:flex}

topband {
	background: linear-gradient(to bottom, transparent 0%,transparent 80px,transparent 80px,white 80px,white 100%);
	width:100%;
	height:125px;
	max-height:125px
}
topband {justify-content:center}
topband a:link,.host a:link {color:rgba(255,95,0,1.0)}
topband a:hover,.host a:hover {color:rgba(255,0,178,1.0)}
topband a:active,.host a:active {color:rgba(0,255,191,1.0)}
topband .logo {
	display:flex;
	width:520px;
	min-height:125px;
	background-image: linear-gradient(to bottom, black 0%,black 80px,black 80px,white 80px,white 100%);
	background-repeat:no-repeat;
	border-top-left-radius:0.8rem;
	border-top-right-radius:0.8rem
}
.logo .left,.logo .left {height:125px}
.logo .left {width:209px;border-top-left-radius:0.8rem}
.logo .right {padding:0.5rem 0.65rem 0 0.75rem;justify-content:center;border-top-right-radius:0.8rem}

visitor,.host {width:99%}
#bottomtabs,.host,.copy {justify-content:flex-end}
.host {text-align:right;font-size:0.85rem}
#bottomtabs,#botwrap,.host,announce,foot,.copy {flex-flow:row nowrap}
announce {margin:1.5rem auto;width:100%;justify-content:center}
announce a:link,content a:link,foot a:link {color:rgba(255,0,178,1.0)}
announce a:hover,content a:hover,foot a:hover {color:rgba(69,255,0,1.0)}
announce a:visited,content a:visited,foot a:visited {color:rgba(69,255,0,1.0)}
announce a:active,content a:active,foot a:active {background:gba(0,0,0,1.0);border-radius:0.35rem}
/* BOTWRAP */
#botwrap .left {order:1;width:15%;flex:1}
#botwrap .mid {order:2;width:70%}
#botwrap .right {order:3;width:15%;flex:1}
/* BOTTABS */
#bottomtabs {width:80%;column-gap:0.7rem}
#bottomtabs,.btabs,.btabs a {line-height:1.5rem}
.btabs,.btabs a {color:#fff}
.btabs {
	background: url(/img/tabs-hover) no-repeat;
	font-family:verdana,sans-serif;
	border:0.19rem solid rgba(0,0,0,1.0);
	border-top-color:rgba(0,0,0,1.0);
	border-bottom-right-radius:0.5rem;
	border-bottom-left-radius:0.5rem;
	padding:0 0.35rem;
	overflow:hidden
}
.btabs {background-position:left bottom;transition: 1.3s ease-in-out}
.btabs:hover,.btabs a:hover {color:#000}
.btabs:hover {
	border-top-color:rgba(255,0,178,1.0);
	color:rgba(0,0,0,1.0);
	background-position:left top;
	transition: 1.3s ease-in-out
}
/* content */
content {min-height:35%;min-width:100%}
content h1,content h2 {font-family:'DejaVu Serif Book','DejaVu Serif',serif;color:rgba(255,0,178,1.0)}
content .left,content .mid,content .right {justify-content:center;font-family:'Cantarell Light','Cantarell Thin','DejaVu Sans ExtraLight',sans-serif;width:30%;padding:1.7rem 1.25rem 0 1.25rem;flex:1;text-align:center}
content .left,content .mid,content .right,content .just,content h1,content h2 {min-width:350px}
.tools {flex-flow:row wrap;flex-basis:0;vertical-align:top}
.tools h1 {display:block;width:100vw;text-align:center}
.tools dl {width:60%;margin-top:0;margin-left:3rem;margin-bottom:12vh}
.tools dt {font-weight:700}
.tools dd {margin-left:0.55rem}
.tools a:link {color:rgba(129,255,83,1.0)}
.tools a:hover {color:rgba(255,0,40,1.0)}
.tools a:active {color:rgba(255,0,178,1.0)}

foot {min-height:12%;margin-top:5rem;font-size:0.9rem}
.copyl,.copy {padding-bottom:1.5rem}
.copyl {width:54%;min-width:10vw;padding-left:0.9rem}
.copy {min-width:520px}
/** **/
.prettyout {
	font-family:'DejaVu Sans Mono','Andale Mono','Bitstream Vera Sans Mono',monospace,serif;
	font-size:0.9rem;
	color:rgba(255,255,255,1.0);
	display:block;
	white-space:pre-line;
	min-width:900px;
	margin:2.5rem auto 0 auto;
	padding:0 1.2rem 1.5rem 1.1rem;
	box-shadow: 0 0 0 0.125rem rgba(255,0,178,1.0) inset;
	border-radius:0.9rem
}
.visdev legend,.dnsl legend,.pingform legend,.traceform legend {color:rgba(255,0,178,1.0)}
.dnsl {margin:2.2rem 0 0 0}
.just {text-align:justify}
form {margin:0 auto}
fieldset {padding:1.25rem 0 0.9rem 1rem;border-color:rgba(155,155,165,1.0);border-radius:0.7rem}
legend,label {font-weight:700;color:rgba(255,0,178,1.0)}
legend {font-size:1.85rem}
fieldset {padding-left:0.6rem;padding-right:0.6rem}
form,.prettyout {max-width:90%}
input[type=text],input[type=submit] {font-size:0.95rem}
input[type=text] {min-width:20rem;line-height:1.35rem;outline:0;border-style:solid;border-color:rgba(255,255,255,1.0)}
input[type=text]:hover,input[type=text]:active {border-bottom-color:rgba(255,0,178,1.0)}
input[type=submit]:hover {background:rgba(16,17,17,1.0);color:rgba(255,0,178,1.0);cursor:pointer}
.chex {height:16px;width:16px}
.labeldom {font-size:1.25rem;padding-right:0.7rem}
.labelchex {font-size:1rem}
content pre h3,content pre a:link {color:rgba(255,0,178,1.0)}
h3,content h3,content h3 a:link {margin:0 auto;color:rgba(255,0,178,1.0)}
@media all and (max-width: 1200px) {
content,foot {flex-direction:column}
}