@font-face {
  font-family: "Comic Neue";
  src: url("../fonts/comicneue.ttf") format("truetype");
}

a {
  text-decoration: none;
  color: #ffffff;
}

a:hover {
  background-color: #fff430;
  color: #000000;
}

body {

  background-image: url(../images/bg2.gif);
  background-size: repeat;
  background-position: top;
  font-size: 18px;
  font-family: "Comic Neue";
  margin: 0;
}

h1, h2, h3, h4, h5 {
  font-family: "Comic Neue";
  color: #ffffff;
}

#container {
margin: 3em auto;
width: 90%;
max-width: 800px;
background-color: rgba(0,0,0,0.6);
color: #151515;
outline-style: solid;
outline-color: #fff430;
outline-width: 5px;
outline-offset: 0;
border-radius: 10px;
}

#content {
padding: 10px 5% 20px 5%;
}

.bg {
  position: fixed;
  z-index: -1;
  top: -5%;
  left: -5%;
  opacity: 35%;
}

p {
  line-height: 1.6em;
  color: #ffffff;
}

hr {
  border: solid #c7b591;
  border-width: 2px 0 0 0;
}