body {
    color:white;
    background-color: #000;
	font-family: sans-serif;
}

html {
	scrollbar-color: #222 #000;
	scrollbar-width: thin;
}

body::-webkit-scrollbar {
  width: .3em;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #222;
  outline: .2em solid #010;
}


body
{
	position:relative;
}

/*body>*
{
    margin-top: 2rem;
    
}*/

body object.bgftr
{
	position:fixed;
	top: -5em;
	right: -2em;
	z-index: -1;
}

body object.qrtr
{
position:absolute;
right:0;
top: 0;
	opacity:0.25;
}

body object.qrtr:hover
{
	opacity:1;
}

h1 { text-align: center; font-size: 5rem; }
h1 a { font-size: 10rem; }

h1 a:link, 
h1 a.yellow:link, 
h1 a.purple:link,
h1 a.green:link ,
h1 a.yellow:visited,
h1 a.purple:visited,
h1 a.green:visited {
	color:#bbb;
}

h1 a.green:hover {
	color:#040;
}

h1 a.yellow:hover {
	color:#660;
}

h1 a.purple:hover {
	color:#404;
}

h1 a.purple:visited:hover {
	color:#808;
}

h1 a.green:visited:hover {
	color:#080;
}

h1 a.yellow:visited:hover {
	color:#FF0;
}

img {
	display:block;
	width:100%;
	margin-top : 2em;
}

footer.ffb {
	position:fixed;
	bottom:0;
	opacity:.5;
	left:0;
	right:0;
	padding:.2em;
}

footer aside.r {
	align-self:flex-end;
	text-align: right;	
	margin-left: auto;
}


a, a:link, a:active{
	color:#000;
	text-decoration:none;	
}

a:hover{
	color:#022;	
}

a:visited {
	color:#002;
}

a.red:visited {
	color:#200;
}

a.green:visited {
	color:#020;
}

a.yellow:visited {
	color:#220;
}

a.purple:visited, a.purple:active, a.purple:hover {
	color:#202;
}

body>div {
	margin-top: 5rem;
}

body div.ll a:link {
	border: .1em solid #333;
	border-radius: .25em .5em .25em .5em;
	padding: .25em 1em;
	margin: 0 .5em .3em 0;
	display: inline-block;
}

body div.ll a:hover {
	background: #000;
	border-color: #000;
}

iframe {
	visibility:hidden;
}
body:hover iframe{
	visibility:visible;
}

pre { color:#222; margin-left:4em; background:linear-gradient(90deg, rgba(0,0,0,1) 27%, rgba(0,0,0,0.0) 90%);}
pre .lit { color:#242; }
span.comment { color:#020; }

.yellow { color: #680; }
.red { color: #040; }
.blue { color: #005; }

@media screen and (min-width:32em)
{
	pre {width:50%;}
}

@media screen and (max-width:32em)
{
	pre {margin:0;
	white-space: pre-wrap; }
}

@media screen and (max-width:28em)
{
h1 {font-size: 6rem;}
}