.TableOfContents{
	margin: 1em;
	vertical-align: top;
	position: sticky; 
	top: 1em;
	z-index: 1;
}

/*
This is a fallback incase the javascript doesn't work
it works okay for smaller posts. 
Here's my CSS whishlist: bind properties to calculated properties of other elements
In this case: I want to bind it to the size of the table of contents and add a little to it
*/
h1, h2, h3, h4, h5, h6{
	scroll-margin-top: 9em;
}