html {
    font-family: Open Sans,Arial;
}

body {
	margin: 5% auto;
	background: #f2f2f2;
	color: #444444;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.8;
	text-shadow: 0 1px 0 #ffffff;
	max-width: 73%;
}

pre {
    font-size: 13px;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    overflow-x: scroll;
}

a {
    color: #07a;
}

a:visited {
  color: #941352;
}

.centered {
    text-align: center;
}

.align-right {
    float: right;
}

.header-container {
    display: flex;
}

.header-date {
    white-space: nowrap;
    margin: 1em 1em 1em auto;
}

img, video {
    max-width: 100%;
    max-height: 100%;
}

th, td {
  padding-left: 1em;
}

.page-link {
    padding-left: 1em;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}