* {
  margin: 0;
  padding: 0;
  line-height: 160%; }

a {
  text-decoration: none;
  color: #2e9bfb;
  word-break: break-all; }

a:hover {
  text-decoration: underline; }

a:visited {
  color: #2a4461; }

nav a {
  text-decoration: underline; }

p {
  margin-bottom: 1em;
  word-break: break-all;
  line-height: 180%; }
  p a {
    text-decoration: underline; }

ul, ol {
  margin-left: 2em;
  margin-bottom: 1em; }

.unlist {
  list-style: none;
  margin-left: 0; }
  .unlist li {
    margin-right: 1em;
    display: inline-block; }
    .unlist li:last-child {
      margin-right: 0; }

@font-face {
  font-family: "Tektur";
  src: url("https://fonts.gstatic.com/s/tektur/v1/XoHN2YHtS7q969kXCjzlV0aSkS_o8OacmTe0TYlYFot8TryuUrtJacI.woff2"); }

.logo {
  font-family: "Tektur" !important; }

.main-contents h1 {
  font-family: "Tektur" !important;
  /* border: 1px solid; */
  background: #2a7bca;
  color: #fdfefe;
  padding: 0 4px;
  margin-bottom: 8px; }

.main-contents h2, .main-contents h3, .main-contents h4, .main-contents h5, .main-contents h6 {
  padding: 0 4px; }

.main-contents p {
  padding: 0 4px; }

@media screen and (max-width: 480px) {
  .main-contents {
    padding: 0 4px;
    /*padding: 0 1em;*/ } }

.stories {
  margin: 0 auto;
  width: max-content; }
  .stories article {
    float: left;
    margin-right: 3em;
    margin-bottom: 1em; }
    .stories article:last-child {
      margin-right: 0; }

.site-footer, .about {
  clear: both; }

@media screen and (max-width: 480px) {
  .stories {
    width: 100%; }
  article {
    float: none; } }

article header h2 a {
  word-break: normal; }

article footer {
  margin-bottom: 1em; }

.article-navigation .nav-title {
  display: inline-block; }

.article-navigation a {
  text-decoration: underline; }

body.page .hero img {
  width: 900px; }

body.page .main-container {
  width: 900px;
  padding: 0 10px;
  border: 1px solid #2e9bfb;
  margin: 0 auto; }

body.page h2, h3, h4, h5, h6 {
  color: #2a4461; }

@media screen and (max-width: 480px) {
  body.page .hero img {
    width: 100%; }
  body.page .main-container {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none; } }

img.half {
  width: 50%; }

.site-header {
  text-align: center; }
  .site-header h1 {
    font-family: "Tektur" !important; }
  .site-header .navigation ol {
    list-style: none;
    margin-left: 0; }
    .site-header .navigation ol li {
      margin-right: 1em;
      display: inline-block; }
      .site-header .navigation ol li:last-child {
        margin-right: 0; }
  .site-header .navigation li {
    list-style: none; }

.site-footer {
  text-align: center; }

body {
  color: #37220e;
  background: #fffdfb;
  padding: 0 8px; }

.tumblr-timeline {
  width: 300px;
  height: 100vh; }

.hero img {
  width: 100%; }

img {
  max-width: 100%; }

.summary {
  width: 350px; }
  .summary .read-more {
    text-align: center;
    border: 1px solid #2a7bca;
    color: #2a7bca;
    margin: 0 auto;
    width: 10em;
    margin-bottom: 1em; }
    .summary .read-more a {
      color: #2a7bca; }
    .summary .read-more a:hover {
      text-decoration: underline; }

image-gallery {
  --border: 1px solid;
  --border-color: #2e9bfb;
  --active-border-color: #2a7bca; }

.gallery {
  margin-bottom: 2em; }

@media screen and (max-width: 480px) {
  body {
    padding: 0; }
  p, h2, pre {
    word-wrap: break-word; }
  .post-body img {
    width: 100%; }
  #micro-nav {
    display: block; }
  .site-header h1 {
    display: block; }
  .main-container {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0; }
  .summary {
    width: 100%; }
  pre {
    white-space: pre;
    overflow: scroll; } }