/* GENERAL PAGE RULES */

body {
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
    font-size: 1em;
}

.code,
code {
    font-size: 1em;
}

h1 {
    font-size: 2em;
}

#holder {
    margin-top: 25px;
    margin-bottom: 25px;
    display: flex;
}

#left {
    flex-grow: 100;
    min-width: 1em;
    max-width: 4em;
}

#middle {
    max-width: 31em;
}

#right {
    min-width: 1em;
    flex-grow: 100;
}

a {
	color:#660000;
}

a:hover {
	color:#400000;
}

ul {
  list-style-type: none;
  padding: 0;
}

li {
  margin-bottom: 10px;
}

.blog-list li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.blog-meta {
  color: #888;
  font-size: 0.9em;
  white-space: nowrap;
  margin-left: 2em;
}

.project-list li {
  margin-bottom: 15px;
}

.project-list a {
  font-weight: bold;
}