body {
	font-family: 'Georgia', 'Linux Libertine', serif;
	background: #111718;
	color: #ccc;

	max-width: 70%;
	margin: auto;
}


h1, h2, h3, h4, h5, h6 {
	text-align: center;
}

h1 {
	font-family: sans-serif;
	color: chocolate;
}

h2 {
	color: teal;
}

a {
	color: cadetblue;
	text-decoration: none;
}

a:hover {
	color: orange;
}

#content {
	display: flex;
	flex-direction: row-reverse;
	height: auto;
}

/* only for post pages */
#content.post {
  display: block; /* stack content vertically */
}


#writings, #info {
	flex: 1;
}


table {
  border: 1px solid sienna; 
  border-collapse: collapse;
	margin: auto;
}

td, th {
  padding: 4px 8px;
  border: none;
  box-shadow: inset -1px 0 #242D2F,
              inset 0 -1px #242D2F;
}

th {
	color: peru;
}

tr:last-child td {
  box-shadow: inset -1px 0 #242D2F;
}
td:last-child {
  box-shadow: inset 0 -1px #242D2F;
}



#writings li p {
  font-size: 0.85em;
  color: #888a85;
  margin: 2px 0 0;
}


footer {
  text-align: center;
  margin: 20px 0;
}

img {
  max-width: 50%;
  height: auto;
	margin: auto;
}