.spoilertitle:focus + .spoilerContent {
  display: block;
}
.spoilerContent {
  box-shadow: 0px 0px 10px black;
}
body {
  font-family: monospace;
  font-size: 15px;
  color: #FFF;
  background-color: #000;
  width: 100%;
  overflow: none;
}
.clear {
	clear: both;
	height: 0;
}
.upbar {
  display: inline-block;
  color: white;
  position: fixed;
  bottom: 20px;
  right: 20px;
  overflow: hidden;
  z-index: 1;
  width:55.5px;
  height:55.5px;
  line-height:56px;
  padding: 0;
  background-color:red;
  border-radius: 50%;
  transition: .3s;
  cursor:pointer;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  letter-spacing: .5px;
  border: none;
  outline: 0;
  text-transform: uppercase;
  font-size: 40px;
  box-shadow: 0px 10px 30px black;
}
h1 {
  text-align:center;
}
.table {
  background-color: #212121;
}
.tablerow {
  width:100%;
}
nav {
  background-color: #303030;
}
aside {
  background-color: #303030;
}
article {
  background-color: #282828;
}
ul { padding-left:16px; }
li { padding-left:16px; }
.spoiler {
  opacity: 0.0;
  filter: alpha(opacity=0);
}
.spoiler:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
a {
  color: #0FF;
}
code {
  background-color: #000000;
  border-left: 1em solid green;
}