body {
  margin: 0;
  padding: 0;
  font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif; }

header {
  width: 100%; }
  header h1 {
    margin: 0;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 4px;
    padding-bottom: 0;
    text-align: middle; }
    header h1 a:first-child {
      font-size: 50px;
      color: white; }
    header h1, header h1 a:not(:first-child) {
      color: white;
      font-size: 15px;
      color: white; }
    header h1 a {
      text-decoration: none; }
    header h1 a:hover, header h1 a:focus {
      text-decoration: underline; }
  header nav {
    /* layout */
    line-height: 1;
    width: 100%;
    /* pretty */
    background-color: Maroon; }
    header nav ul {
      padding: 0;
      margin: 0;
      list-style: none; }
    header nav li {
      display: inline-block; }
    header nav a {
      display: block; }
    header nav a {
      padding: 0.2em 1em;
      font-size: 40px;
      color: GoldenRod;
      text-decoration: none; }
      header nav a:hover, header nav a:focus {
        background-color: white; }
      header nav a:hover, header nav a:visited {
        color: GoldenRod; }
      header nav a:active {
        color: Black; }
    header nav form {
      padding: 0.2em 0;
      font-size: 40px;
      display: block; }
      header nav form input {
        font-size: 25px;
        border: solid 1px #333333;
        vertical-align: middle; }
      header nav form input[type="search"] {
        max-width: 10em; }
      header nav form input:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      header nav form input:not(:last-child) {
        border-right: 0; }
      header nav form input:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }

article {
  max-width: 6.5in;
  margin: 0 auto;
  border-bottom: solid 1px #333333; }
  article .tag {
    font-size: 60%;
    font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif;
    color: white;
    text-decoration: none;
    text-align: center;
    padding: 4px 7px 5px 7px;
    border-radius: 2px; }
  article .tag.ff {
    background: FireBrick; }
  article .tag.ss {
    background: SeaGreen; }
  article .tag.es {
    background: DarkViolet; }
  article .tag.hb {
    background: DimGray; }
  article .tag.dm {
    background: DarkSlateGray; }
  article .tag.wp {
    background: GhostWhite;
    color: black; }

footer {
  max-width: 6.5in;
  margin: 0 auto;
  padding: 1em 0;
  font-size: 60%; }
  footer p {
    margin: 0; }

body.index article ul {
  list-style: none;
  display: table;
  padding: 0; }
  body.index article ul li {
    display: table-row;
    line-height: 1.3em; }
    body.index article ul li > * {
      display: table-cell;
      padding-right: 0.1em; }
body.index article a.external {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(external.svg);
  background-size: 12px 12px;
  padding-right: 13px; }

body.dnd {
  background: url(dnd/background.png) repeat-y;
  background-size: 100%;
  /* This bit mostly taken from the defaults of org-mode export */ }
  body.dnd article {
    font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif;
    font-size: 12pt; }
    body.dnd article table {
      border-spacing: 0; }
      body.dnd article table, body.dnd article table tr:last-child td, body.dnd article table tr:last-child th {
        border-bottom: solid 1px black; }
      body.dnd article table, body.dnd article table tr:first-child td, body.dnd article table tr:first-child th {
        border-top: solid 1px black; }
      body.dnd article table td, body.dnd article table th {
        padding: 6px; }
    body.dnd article p {
      text-align: justify; }
    body.dnd article .title {
      text-align: center; }
    body.dnd article .todo {
      color: red; }
    body.dnd article .done {
      color: green; }
    body.dnd article .timestamp {
      color: #bebebe; }
    body.dnd article .timestamp-kwd {
      color: #5f9ea0; }
    body.dnd article .right {
      margin-left: auto;
      margin-right: 0px;
      text-align: right; }
    body.dnd article .left {
      margin-left: 0px;
      margin-right: auto;
      text-align: left; }
    body.dnd article .center {
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
    body.dnd article p.verse {
      margin-left: 3%; }
    body.dnd article pre {
      border: 1pt solid #AEBDCC;
      background-color: #F3F5F7;
      padding: 5pt;
      font-size: 90%;
      overflow: auto; }
    body.dnd article table {
      border-collapse: collapse; }
    body.dnd article td, body.dnd article th {
      vertical-align: top; }
    body.dnd article th.right {
      text-align: center; }
    body.dnd article th.left {
      text-align: center; }
    body.dnd article th.center {
      text-align: center; }
    body.dnd article td.right {
      text-align: right; }
    body.dnd article td.left {
      text-align: left; }
    body.dnd article td.center {
      text-align: center; }
    body.dnd article dt {
      font-weight: bold; }
    body.dnd article div.figure {
      padding: 0.5em; }
    body.dnd article div.figure p {
      text-align: center; }
    body.dnd article div.inlinetask {
      padding: 10px;
      border: 2px solid gray;
      margin: 10px;
      background: #ffffcc; }
    body.dnd article textarea {
      overflow-x: auto; }
    body.dnd article .linenr {
      font-size: smaller; }
    body.dnd article .code-highlighted {
      background-color: #ffff00; }
    body.dnd article .org-info-js_info-navigation {
      border-style: none; }
    body.dnd article #org-info-js_console-label {
      font-size: 10px;
      font-weight: bold;
      white-space: nowrap; }
    body.dnd article .org-info-js_search-highlight {
      background-color: #ffff00;
      color: #000000;
      font-weight: bold; }