body {
      background-color: black;
      background-image: url('https://lionbunni.neocities.org/Neuroscience/NS_Pages/Writing%20Background.png');
      font-family: courier;
}
.NavBar {
  border-collapse: collapse;
  border-width: 5px;
  border-style:solid;
  border-color: #32a1ce;
  background-color: black;
  width: 10%;
}
.NavJournal:hover {
  filter: hue-rotate(320deg) saturate(100%);
}
.NavBlog:hover {
  filter: hue-rotate(320deg) saturate(100%);
}
.NavBrains:hover {
  filter: hue-rotate(320deg) saturate(100%);
}
.NavLibrary:hover {
  filter: hue-rotate(320deg) saturate(100%);
}
.NavPolitics:hover {
  filter: hue-rotate(320deg) saturate(100%);
}
.NavDreams:hover {
  filter: hue-rotate(320deg) saturate(100%);
}
.NavMeme {
  width:10vw;
}
.TableContainer{
  background-color: #b2b6a7;
  width:1280px;
  height:840px;
  border:4px ridge Black;
  display:grid;
  position:absolute;
  overflow: auto;
  left:320px;
  top:2vw;
}  
html>body div.TableContainer{
	overflow: hidden;
}
table {
  height:840px;
}
thead.fixedHeader tr {
	position: relative
}
html>body thead.fixedHeader tr {
	display: block
}
thead.fixedHeader th {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #e8a15b;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left;
}
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}
html>body tbody.scrollContent {
	display: block;
  height:800px;
	overflow: scroll;
	width: 100%
}
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #EEE;
  border: 1px solid black;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left;
}
tbody.scrollContent tr.alternateRow td {
	background: #EEE;
}
html>body thead.fixedHeader th {
	width: 250px
}

html>body thead.fixedHeader th + th {
	width: 210px
}

html>body thead.fixedHeader th + th + th {
	width: 50px
}
html>body thead.fixedheader th + th + th + th {
	width: 210px
}
html>body thead.fixedheader th + th + th + th + th {
	width: 140px
}
html>body thead.fixedheader th + th + th + th + th + th {
	width: 500px
}
/* ^change header width^ */
html>body tbody.scrollContent td {
	width: 250px
}

html>body tbody.scrollContent td + td {
	width: 210px
}

html>body tbody.scrollContent td + td + td {
	width: 50px
}
html>body tbody.scrollContent td + td + td + td {
	width: 210px
}
html>body tbody.scrollContent td + td + td + td + td {
	width: 140px
}
html>body tbody.scrollContent td + td + td + td + td + td {
	width: 500px
}
/* ^change table body width^ */
th {
  cursor: pointer;
}

th, td {
  text-align: left;
  padding: 16px;
}
/* source for table code http://www.imaputz.com/cssStuff/bigFourVersion.html# */