:root {
  --text-color: rgb(255, 250, 238);
  --bg-color: rgb(22, 22, 22);
} 

@font-face {
  font-family: blackletter;
  font-weight: 400;
  src: url("fonts/ds-caslon-gotisch.regular.ttf");
}

body {
  display: flex;
  justify-content: center;
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: "Palatino Linotype", "Times New Roman", Palatino, Georgia, Times, serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: blackletter;
  margin-bottom: 0.25em;
}

footer {
  font-style: italic;
}

.post {
  padding: 6px;
}

.tag-button {
  background: none;
  color: var(--text-color);
}

.inactive {
  text-decoration: line-through;
}

.main {
  width: 640px;
  border-left: 160px solid;
  border-right: 160px solid;
  padding-left: 16px;
  padding-right: 16px;
  border-image-source: url("site-images/eyn_new_kunstlichboich_page_3v_left.webp");
  border-image-repeat: round;
  border-image-slice: 512;
}

.clickable:hover {
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}