body {
  font-family: 'exo';
  font-size:1.1em;
  background-color:#000000;
  color:#dddddd;
  margin: 0;
  padding: 0;
  background: url('/thalassophobia/titlewrap.png');
  background-size: 200px 200px;
  text-align:center;
}

h1 {
  margin-top:0;
  margin-bottom:0;
  font-family: 'bebas';
  font-size: 3em;
}

h2 {
  margin-top:0;
  margin-bottom:0;
  font-family: 'bebas';
  font-size: 2em;
}

b {
  color:#ffffff;
}

a:link {
  color:#ee0000;
}

a:visited {
  color:#8900f2;
}

img {
  margin:2em;
  box-shadow: 0px 0px 37px #000000ff;
}

.textbody {
  box-shadow: 0px 0px 37px #ff000088;
  background-color:#08080a;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding:20px;
  width:80%; 
}

.sum {
  border-style:solid;
  border-color:#8900f2;
  border-radius:1em;
  border-width:2px;
  text-decoration:underline;
  color:#ffffff;
  background-color:#000000;
  background-image: linear-gradient(#190082, #190082, #000000, #000000);
  padding:9px;
  margin:15px;
  text-align:center;
  display: inline-block;
}

.tip {
  border-style:solid;
  border-color:#8900f2;
  border-radius:2px;
  border-width:2px;
  text-decoration:none;
  color:#eeeeee;
  background-color:#000000;
  background-image: linear-gradient(#190082, #000000, #000000, #190082);
  padding:9px;
  margin:15px;
  text-align:center;
}

.holder {
  border-style:solid;
  border-color:#ff0000;
  border-radius:2px;
  border-width:2px;
  text-decoration:none;
  color:#eeeeee;
  background-color:#000000;
  background-image: linear-gradient(#440000, #000000, #000000, #440000);
  padding:2em;
  margin:15px;
  text-align:center;
}

.expand {
  border-style:dashed;
  border-color:#bb0000;
  background-color:#444444;
  color:#444444;
}