* {
  font-family : Roboto Condensed;
}
body {
	color : white;
  background-color : #ef9999;
}
a {
  color : #dddddd;
}
a:hover {
  color : #eeeeee;
}
#title {
  margin : 15px;
  padding : 20px;
  text-align : center;
  text-shadow : 2px 2px 5px black;
  background-color : darkred;
  box-shadow : 8px 8px 8px black;
}
.headings {
  text-align : center;
  text-shadow : 4px 3px 5px darkred;
  margin : 10px;
  padding : 15px;
  border-left : 8px solid white;
  border-right : 8px solid white;
  border-radius : 5px;
  box-shadow : 4px 6px 8px darkred;
  background-color : #FF001F;
}
.headings:hover {
  background-color : #D10000;
}
.content {
  margin : 20px;
  padding : 10px;
  background-color : #FF103F;
  border-left : 4px solid white;
  border-right : 4px solid white;
}
#disclaimer {
  text-align : center;
  font-size : 10pt;
  padding : 4px;
  margin : 3px;
  background-color : darkred;
}
.vertical {
  writing-mode: vertical-lr;
  text-orientation: upright;
  text-shadow : 4px 3px 3px black;
}
#harbingerofchaos {
  position : absolute;
}
.row {
  display : flex;
  flex-direction : row;
  flex-wrap : wrap;
}
.column {
  display : flex;
  flex-direction : column;
  flex-wrap : wrap;  
}
#side-main {
  flex : 85%;
}
#side-nav {
  position : sticky;
  top : 0;
  width : auto;
  height : 300px;
  text-align : center;
	background-color : black;
	color : #eeeeee;
	margin : 8px;
	padding : 10px 15px;
	border : solid 8px;
	border-radius : 8px;
}

#side-nav>a:hover:before {
  content : "> ";
}