html {
  background:url(https://guntar.neocities.org/Photos/stars.jpg);
  color: green;
  font-family: 'Courier New', Courier, monospace;
}

hr {
display: block;
position: relative;
padding: 0;
margin: 8px auto;
height: 0;
width: 100%;
max-height: 0;
font-size: 1px;
line-height: 0;
clear: both;
border: none;
border-top: 1px solid green;
border-bottom: 1px solid green;
}





.box {
 max-width: 1200px;
 margin: 50px auto;
 display: grid;
 grid-gap:10px;
 grid-template-columns: 250px auto;
  
}

/* This be the main four boxes of the box, everything else go in other divs */

header{
 grid-row: 1/2;
 grid-column: 1/3;
 text-align: center;
 border: green 2px solid;
 background:black;
 
}

nav{
 grid-row: 2/3;
 grid-column: 1/2;
 height: fit-content;
 overflow: auto;
 border: green 2px solid;
 background:black;
}

main{
 grid-row: 2/3;
 grid-column: 2/3;
 border: green 2px solid;
 background:black;
 max-height: 800px;
 overflow: auto;
}

footer{
 
 grid-row: 3/4;
 grid-column: 1/3;
 text-align: center;
}






navchat{
 grid-row: 3/4;
 grid-column: 1/2;
 height: fit-content;
 overflow: auto;
 background:black;
  
}


.thoughtpostbox{
  margin: 10px;
  width:auto;
  
}




.tableofcontents{
  text-align:center;
  font-size: large;
  display: grid;
  grid-gap:5px;
  grid-template-columns: 50% auto;
}

topbar{
grid-row: 1/2;
grid-column: 1/3;
text-align:center;
}

table-contents{
 grid-row: 2/3;
 grid-column: 1/3;
 text-align:center; 
}