@font-face {
  font-family: 'buran_ussrregular';
  src: url('/webfonts/buran_ussr-webfont.woff2') format('woff2'),
       url('/webfonts/buran_ussr-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'eurocentricregular';
  src: url('/webfonts/eurcntrc-webfont.woff2') format('woff2'),
       url('/webfonts/eurcntrc-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'red_octoberregular';
  src: url('/webfonts/red_october-webfont.woff2') format('woff2'),
       url('/webfonts/red_october-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'red_october_lightlight';
  src: url('/webfonts/red_october-light-webfont.woff2') format('woff2'),
       url('/webfonts/red_october-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'red_octoberfat';
  src: url('/webfonts/red_october-fat-webfont.woff2') format('woff2'),
       url('/webfonts/red_october-fat-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'strengthenregular';
  src: url('/webfonts/strengthen-webfont.woff2') format('woff2'),
       url('/webfonts/strengthen-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'strengthen_filledregular';
  src: url('/webfonts/strengthenfilled-webfont.woff2') format('woff2'),
       url('/webfonts/strengthenfilled-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'troikaregular';
  src: url('/webfonts/troika-webfont.woff2') format('woff2'),
       url('/webfonts/troika-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'wheatoncapitals';
  src: url('/webfonts/wheaton_capitals-webfont.woff2') format('woff2'),
       url('/webfonts/wheaton_capitals-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'karmafuture';
  src: url('/webfonts/karma_future-webfont.woff2') format('woff2'),
       url('/webfonts/karma_future-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'braciola_ms_extraboldregular';
  src: url('/webfonts/braciola_ms_exb-webfont.woff2') format('woff2'),
       url('/webfonts/braciola_ms_exb-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'braciola_msregular';
  src: url('/webfonts/braciola_ms-webfont.woff2') format('woff2'),
       url('/webfonts/braciola_ms-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'american_stencilregular';
  src: url('/webfonts/americanstencil-webfont.woff2') format('woff2'),
       url('/webfonts/americanstencil-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'software_tester_7regular';
  src: url('/webfonts/software_tester_7-webfont.woff2') format('woff2'),
       url('/webfonts/software_tester_7-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html body {
  font-family: DejaVu Sans;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

::-moz-selection {
  background: yellow;
}

::selection {
  background: yellow;
}

:not(pre) > code {
  color: #CD362A;
  background-color: #f5f2f0;
  padding: 2px 3px;
  border: 1px solid #e1e1e8;
  border-radius: 3px;
  white-space: nowrap;
}

.org-src-container {
  background-color: #f5f2f0;
}

#preamble header {
  position: relative;
  margin-bottom: 0.5em;
}

#preamble header h1 {
  /* font-family: red_october_lightlight; */
  /* font-family: karmafuture; */
  /* font-family: american_stencilregular; */
  /* font-family: buran_ussrregular; */
  /* font-family: braciola_msregular; */
  /* font-family: software_tester_7regular; */
  font-family: software_tester_7regular;
  letter-spacing: 3px;
  font-size: 3.5rem;
  margin: 0;
}

#preamble header h1 a {
  color: #CD362A;
  text-decoration: none;
}

#preamble header ul {
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}

#preamble header ul li {
  margin-left: 1em;
}

#preamble nav {
  border-bottom: solid 3px #cecece;
  padding-bottom: 0.5em;
  font-family: "et-book", sans-serif;
}

#preamble nav a {
  color: #CD362A;
  text-decoration: none;
}

#preamble nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
}

#quote {
  justify-self: flex-start;
  margin-right: auto;
}

#preamble nav ul li {
  margin-left: 1em;
}

#preamble nav ul li a.active {
  border-bottom: 0.1em solid #666666;
}

.pubdate {
  color: #cecece;
}

#content {
  min-height: calc(100vh - 240px);
}

#postamble {
  border-top: 0.1em solid #666666;
  margin: 0;
  padding: 0;
}

footer {
  padding: 10px;
}

footer h6 {
  text-align: center;
  margin: 0;
  padding: 0;
}

h2 {
  color: #CD362A;
}

h3 {
  color: #CD362A;
}

h4 {
  color: #CD362A;
}

h5 {
  color: #CD362A;
}

h6 {
  color: #CD362A;
}