@font-face {
  font-family: 'MapleMono';
  src: url('MapleMono-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MapleMono';
  src: url('MapleMono-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'MapleMono';
  src: url('MapleMono-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

body {
    background-color: #181515;
    color: #f4e6d2;
    font-family: "MapleMono", monospace;
    margin-left: 5%;
    width: 80%;
}

h1 {
	font-size: 150%;
}

@media only screen and (min-width: 768px) {
	body {
        width: 45%;
	}
	h1 {
		font-size: 200%;
	}
} 

p,
li {
    font-size: 125%;
    line-height: 125%;
}

hr,
blockquote {
    color: #6d5f5f;
}

.highlight {
    color: #d7827e;
}

.right {
    text-align: right;
    color: #f6c177;
}