@font-face {
	font-family: "Atkinson";
	src: url(/fonts/atkinson.woff2) format('woff2');
}

@font-face {
	font-family: "Hack Regular";
	src: url(/fonts/hack-regular.woff2) format('woff2');
}

.related-content {
  border: 1px solid var(--border-color);
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  border-radius: 0.2em;
  box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
  background: var(--secondary-bg-color);
}

.related-content .title {
  font-weight: bold;
}

.alert-warning {
  border-left: 3px solid #ffb961;
}

.alert-warning .alert-heading{
  color: #ffb961;
}

.alert-caution {
  border-left: 3px solid #FF6666;
}

.alert-caution .alert-heading{
  color: #FF6666;
}

.alert-important {
  border-left: 3px solid #a0c7f8;
}

.alert-important .alert-heading{
  color: #a0c7f8;
}

.alert-note {
  border-left: 3px solid #9FE2BF;
}

.alert-note .alert-heading{
  color: #9FE2BF;
}

.alert-tip {
  border-left: 3px solid #9FE2BF;
}

.alert-tip .alert-heading{
  color: #9FE2BF;
}

body {
  font-family: Atkinson, sans-serif;
  margin: auto;
  padding: 1em;
}

/* header and footer areas */
.menu { 
  padding: 0;
  text-align: center;
}
.menu li { display: inline-block; }

hr {
  border-style: dashed;
  color: #ddd;
}

/* code */
pre {
  font-family: "Hack Regular", monospace;
  border: 1px solid #ddd;
  box-shadow: 5px 5px 5px #eee;
  padding: 1em;
  overflow-x: auto;
}
code { 
  background: #f9f9f9; 
  font-family: "Hack Regular", monospace;
}
pre code { background: none; }

img, iframe, video { max-width: 100%; }
blockquote {
  background: #f9f9f9;
  border-left: 5px solid #ccc;
  padding: 3px 1em 3px;
}

.menu a {
  text-decoration: none;
  background: #eee;
  padding: 5px;
  border-radius: 5px;
}

table {
  margin: auto;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
table thead th { border-bottom: 1px solid #ddd; }
th, td { padding: 5px; }
thead, tfoot, tr:nth-child(even) { background: #eee; }

.title h1 {
	display: block;
	font-size: 2em;
}
.article-meta {
  text-decoration: none;
}

.tag-cloud {
	margin-left: 1em;
}
.tag {
	padding-right: .5em;
}

.ugh {
	float: right;
	padding: 1em;
}
.author-name {
	text-align: center;
}

.csl-entry {
	padding-bottom: 1em;
}