body {
  background-color: #5a5a5a;
}


main {
	font-family: "Courier New", monospace;
	background-color: #a5a5a5;
	padding: 3px;
	margin: 0px;
	overflow-x: hidden;
	}

table, th, td {
	text-align: center;
	border: 1px solid black;
	border-collapse: collapse;
	table-layout: fixed;
	background-color: #c5c5c5;		
	}
		
th, td {
	margin: 5px;
	padding: 4px;
	font-weight: bold;
	min-width: 76px;
	}
	
th { 
	font-size: 1.0619em;
	background-color: #858585; 
	}
	
div.scroll {
	border: 2px dashed black;
	padding: 1px;
	max-width: 100%;
	margin: 10px;
	overflow-x: scroll;
	overflow-y: hidden;
	}
	
/* details/summary */

details {
	background-color: #c5c5c5;
	border: 1px solid black;
	max-width: 66%;
	min-width:66%;
	margin: 1%;
	padding: 2px 1px 2px 1px;
	text-align: center;
	float: right;
}

summary {
	color: #000000;
	font-weight: bold;
	background-color: #656565;
	margin: auto;
	text-align: center;
	}
	
details>summary { list-style-type: '⬣ '; }
details[open] summary { list-style-type: '⬢ '; }
	
/* navbar for bloodhex */

nav.blood {
	color: #000000;
	font-weight: bold;
	background-color: #c5c5c5;
	margin: 3px 2px 2px 2px;
	padding: 6px 3px 6px 3px;
	}
	
nav.blood a {	
	color: #000000;
	border: 1px solid #000000;
	display: inline;
	text-decoration: none;
	margin: 3px 0px 3px 0px;
	padding: 0px 2px 2px 2px;
	display: inline-block;
}
		
#nav00 {background-color:#656565}
#nav01 {background-color:#ff0000}
#nav02 {background-color:#ff4000}
#nav03 {background-color:#ff8000}
#nav04 {background-color:#ffbf00}
#nav05 {background-color:#ffff00}
#nav06 {background-color:#bfff00}
#nav07 {background-color:#80ff00}
#nav08 {background-color:#40ff00}
#nav09 {background-color:#00ff00}
#nav10 {background-color:#00ff40}
#nav11 {background-color:#00ff80}
#nav12 {background-color:#00ffbf}
#nav13 {background-color:#00ffff}
#nav14 {background-color:#00bfff}
#nav15 {background-color:#0080ff}
#nav16 {background-color:#0040ff}
#nav17 {background-color:#0000ff}
#nav18 {background-color:#4000ff}
#nav19 {background-color:#8000ff}
#nav20 {background-color:#bf00ff}
#nav21 {background-color:#ff00ff}
#nav22 {background-color:#ff00bf}
#nav23 {background-color:#ff0080}
#nav24 {background-color:#ff0040}

/* sfhajkdghadfl */

aside {
	background-color: #c5c5c5;
	border: 1px solid #000000;
	min-width: 10%;
	max-width: 15%;
	float:left;
}

/* table class sidebar? */