@font-face {
  font-family: "Eagle Lake";
  src: url("/style/font/eagle_lake.ttf");
}

@font-face {
  font-family: "Manufacturing Consent";
  src: url("/style/font/manufacturing_consent.ttf");
}

@font-face {
  font-family: "Jacquard12";
  src: url("/style/font/jacquard12.ttf");
}

body {
  background-image: url("/style/brick.webp");
  margin: 0;

  color: #e4e4e4;
  font-family: "Eagle Lake";
  font-size: 12pt;
}

nav {
  background-image: url("/style/roof.webp");
  padding: 0.5rem;
}

nav li {
  display: inline-block;
}

a {
  color: #e4e4e4;
}

img {
  box-shadow: 5px 5px 3px black;
  border: 20px solid transparent;
  border-image: url("/style/gold_frame3_s.webp") 90 round;
  border-image-repeat: stretch;
}

main {
  max-width: 1024px;
  margin: 10px;
  padding: 10px 10px;
  color: black;
  background: url("/style/paper_s.webp");
  background-size: 512px;
}

p,
ul {
  margin: 0px 0px;
  margin-top: 0.5rem;
}

main a {
  color: black;
}

article.posts-list {
  border: 0px solid transparent;
  border-image: url("/style/book_spine4.webp") 0 fill;
  color: gold;
  padding: 1rem 17%;
}

article.posts-list h2,
article.posts-list a {
  color: gold;
}

h1,
h2 {
  font-family: "Manufacturing Consent";
  font-size: 24pt;
  padding: 0;
  margin: 0;
  -webkit-text-stroke: 1px black;
  color: white;
  /* font-weight: bold; */
}

code {
  display: inline-block;
  padding: 3px;
  margin: 0 5px;
  font-family: "Jacquard12";
  color: lime;
  font-size: 14pt;
  background-color: black;
  border: 2px solid gray;
}

table {
  border-spacing: 0;
}

table > tbody > tr > td {
  border-top: 2px solid black;
  border-right: 2px solid black;
  padding: 0px 10px;
  margin: 0;
}

table > thead > tr > th {
  border-right: 2px solid black;
  padding: 0px 10px;
  margin: 0;
}

table > tbody > tr > td:last-child,
table > thead > tr > th:last-child {
  border-right: 0;
}