/*
           sage:A0A083
battleship gray:798478
      alabaster:F3EDE2
			     bone:EDE4D4
    paynes gray:4D6A6D
		outer space:444B44
			 gunmetal:272D2D
			 honeydew:EDFFEC
      UPS brown:150f00
*/

body {
	background-color:#272D2D;
	color:#EDFFEC;
	font-family:"Courier New";
	padding:1cm;
	min-height:100vh; /* 100% of Viewport Height */
}

A {text-decoration:underline}
A:link {color:#FFB000}
A:visited {color:#808080}
.rambling {
font-size:smaller;
}

.tipped {
	position:relative;
	display:inline-block;
	color:#A0A083;
	border:bottom 1px dotted white;
}

.tipped .tip {
	visibility:hidden;
	background-color:black;
	min-width: 512px;
	color:#E4D8BD;
	text-align:center;
	padding: 8px 10px;
	border-radius: 9px;
	position:absolute;
	z-index:1;
}

.tipped:hover .tip {
	visibility:visible;
}

body.prose {
	margin-left: 25%;
	width: 50%;
}

body.blurb {
	margin-left: 25%;
	width: 50%;
	font-size:20pt;
	background:linear-gradient(
		to bottom,
		rgba(1,0,0,1),
		rgba(0,0,0,0));
		/*url(beowulf.jpg);*/
	background-color:#272D2D;
	color:#EDFFEC;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;

}

section.blurb h1 {
	font-size:16pt;
}

pre.asciiart {
	margin: top 20px bottom 20px left 0px right 0px;
	padding:20px;
	border: 1px solid white;
}

span.code {
	font-style: monospace;
}


footer {
/*	margin-top:50vh;*/
	font-size:smaller;
	vertical-align: bottom;
	text-align: center;
}