/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
 margin: 0;
  padding: 0;
  color: #fff;
  background: #00071c;
  font-size: 0.95em;
  font-family: "Liberation Mono", "Source Code Pro", "Courier New", monospace;
  }
  
a {
  color: #c1cdf1; 
  }
  
/*Increased spacing to compensate for current font - may want to change if you use something else.*/
p {
  line-height: 150%;
  }
  
/*Set font for headings.*/
h1, h2, h3 {
  text-align:center;
  font-family: Azkasia, Cursive, serif;
  letter-spacing: 0.175em;
  word-spacing: 0.2em;
  }

/*Make the first letter slightly bigger and a different color :) */
h1::first-letter, h2::first-letter, h3::first-letter {
  color: #aae6ff;
  font-size: 1.25em;
  font-weight:bold;
  }
  
/*Make lowercase headers bigger, since this font's a little harder to read.*/
h1 {
  font-size: 2.325em;
  }  

/*Make h2 and h3 in ALLCAPS.*/
h2, h3 {
  text-transform: uppercase;
  }
  
/*h3 is left-aligned and indented.*/
h3 {
  text-align: left;
  margin-left: 1em;
  font-size: 1.25em;
  }
  
/*Change color when bold or italic.*/
b {
  color: #aae6ff;
  }
  
i {
  color: #cdf0ff;
  }
  
hr {
  border: 0;
  background: linear-gradient(rgb(0,0,0,0), rgb(255,255,255,1), rgb(0,0,0,0));
  height:1px;
  margin: 2em 1em;
  }
  
blockquote {
  font-style:italic;
  border-left: 1px solid #aae6ff;
  background: rgb(170,230,255,0.15);
  padding: 5px 20px;
}