@font-face {
   font-family: ChaosAce;
   src: url(chaosace.woff);
}

body {
  background-color: #121212;
  text-indent: 30px;
  color: white;
  font-variant: normal;
 background-image: url(bgtile.jpg);
}

@media only screen and (max-width: 600px) {
  h1 {
      font-size: 1.5em;
  }
  div {
  width:80%;
  margin:auto;
}
}

* {
   font-family: ChaosAce;
   font-size:1.3em; 
}

h1 {
  text-align: center;
  color: #cbc7a3;
  font-size:3em;
}

 p::first-letter {
  color: #a13d15;
  font-size: 150%;
  font-style: italic;
  font-weight: bold;
  
}


@media only screen and (min-width: 500px) {
div {
  width:50%;
  margin:auto;
}
}

a {
  font-variant: small-caps;
}

a:link {
  color: #a19b7a;
}

/* visited link */
a:visited {
  color: #58472b;
}

/* mouse over link */
a:hover {
  color: #a11712;
}

/* selected link */
a:active {
  color: #580c0a;
}

.fancy {
  color: #c8b497;
  font-variant: small-caps; 
}


.language {
 
}