/* Body */
body {
  background-color: #230b2d;
  opacity: 1;
  background-image:  repeating-linear-gradient(45deg, #0e0114 25%, transparent 25%, transparent 75%, #0e0114 75%, #0e0114), repeating-linear-gradient(45deg, #0e0114 25%, #230b2d 25%, #230b2d 75%, #0e0114 75%, #0e0114);
  background-position: 0 0, 28px 28px;
  background-size: 56px 56px;
  color: white;
}
.body {
  background-color: rgba(0,0,0,0.75);
  padding: 16px;
  border: 1px solid white;
}

/* Text */
::selection {
  background-color: white;
  color:black;
}
::-moz-selection {
  background-color: white;
  color:black;  
}
h1 {
  text-align: center;
  text-shadow: 2px 2px 5px black;
  font-size: 64px;
  color:#722990;
}
hr {
  border: 0;
  height: 1px;
  background: #722990;;
}
a:link {
  color: #c0c2c4;
}
a:visited {
  color: #c0c2c4;
}

/* Images */
img {
  filter:grayscale(100%);
  transition: .5s ease;
}
img:hover {
  filter:grayscale(0%);
  transition: .5s ease;
}
.right {
  float: right;
}
.left {
  float: left;
}
.margin {
  margin: 16px
}
.mobileFriendly {
  max-width: 10%;
}
.mobileFriendlyLarge {
  max-width: 25%
}
.comicFriendly {
  max-width: 100%
}