header, nav, section, article, footer, h1, a, p, em, ul {
  margin: 0;
  padding: 0; }

body {
  max-width: 960px;
  padding: 2.5em;
  margin: 15em auto;
  background: #f0f0f0;
  font-size: 8px;
  font-family: Times, "Times New Roman", serif;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-font-variant-numeric: oldstyle-nums;
  -webkit-font-variant-numeric: oldstyle-nums;
  font-variant-numeric: oldstyle-nums; }

header, article {
  display: block;
  margin-bottom: 5em; }

article header {
  margin-bottom: 2em; }

h1 {
  font-size: 5em;
  line-height: 1;
  letter-spacing: -0.04em;
  font-weight: bold; }

section h1 {
  color: #20d020;
  margin-bottom: 1em; }

header h1, article h1 {
  color: #400080; }

article h1 {
  margin-bottom: 0; }

header a, article header a {
  font-size: 5em;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #ff9900;
  font-weight: bold;
  text-decoration: none; }
  header a:hover, article header a:hover {
    color: silver; }
  header a:active, article header a:active {
    color: #ffa31a; }

nav p {
  word-spacing: 0.25em; }

nav a:hover {
  color: #1dba1d; }
nav a:active {
  color: #20d020;
  background: inherit; }

article p, article em, header em, section#about article, section#projects ul {
  font-size: 2.5em;
  line-height: 1.25;
  color: #400080;
  max-width: 33em; }

article p, article em, header em {
  margin-top: 0.563em; }

header em {
  display: block;
  margin-top: 1em; }

article p a, article li a, section#about article a {
  font-size: 1em;
  color: #400080;
  text-decoration: none;
  border-bottom: 1px solid silver;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.8em; }
  article p a:hover, article li a:hover, section#about article a:hover {
    color: gray; }
  article p a:active, article li a:active, section#about article a:active {
    color: #330067; }

article ul {
  list-style-type: none; }

article li:before {
  content: "• "; }

article ul.row {
  display: inline; }

article ul.row li {
  display: inline; }
  article ul.row li:before {
    content: ""; }
  article ul.row li:after {
    content: ", "; }
  article ul.row li:last-child:after {
    content: ""; }

article ul.row li + li + li:after {
  content: " and "; }

footer p {
  font-size: 2.5em;
  line-height: 1.25;
  color: gray;
  max-width: 33em; }

footer a {
  color: gray;
  border-bottom: 1px solid silver;
  text-decoration: none;
  font-family: Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold; }
  footer a:hover {
    color: #20d020; }

sup {
  vertical-align: super;
  font-size: 0.75em;
  line-height: 0; }
  sup:after {
    content: " "; }

.ls--016 {
  letter-spacing: -0.16em; }

.ls--008 {
  letter-spacing: -0.08em; }

.ls-004 {
  letter-spacing: 0.04em; }

.right {
  float: right;
  text-align: left;
  width: 256px; }

.amp {
  font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif;
  font-style: italic; }