@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: 500px) {
  h1 {
      font-size: 1.5em;
  }
  div {
  width:90%;
  margin:auto;
}

/* container */
.two-columns {
    display: block;
}

}



* {
   font-family: ChaosAce;
   font-size:1.2em; 
   line-height:1em;
}

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

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


@media only screen and (min-width: 500px) {


.two-columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

a {
  font-size: 1em;
}

a:link {
  color: #A0A0D9;
}

/* visited link */
a:visited {
  color: #C2BDC7;
}

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

/* selected link */
a:active {
  color:#4E349E;
}

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