body {
  background-color: black;
  color: lightslategrey;
  background-image: url("./shelves.jpg");
  background-repeat: no-repeat;
  font-family: 'Saira', sans-serif;
  background-position: center bottom;
  background-attachment: fixed;
  background-size: cover;
}


.byline {
  background-color: rgb(9 9 64 / 70%);
  text-shadow: 1px 1px black;
  color: firebrick;
  margin-top: -24px;
}

.link-button {
  background-color: rgb(9 9 64);
  border: 6px ridge purple;
}

:any-link {
  color: green; 
}

h1 {
  text-shadow: 1px 1px black;
}

.pseudo-h3 {
  font-size: 150%;
  color: darkturquoise;
  background-color: rgb(9 9 64 / 70%);
}

.pseudo-h4 {
  background-color: rgb(19 32 32 / 80%);
  color: darkgoldenrod;
  text-shadow: 1px 1px black;
}

details[open] > b {
  color: purple;
}

details {
  margin: 12px;
}

details > summary {
  text-align: center;
  font-size: larger;
  font-family: serif;
  color: darkgoldenrod;
  background-color: rgb(40 20 11);
  text-decoration: double underline darkgoldenrod;
  list-style-type: "➥";
  cursor: help;
}

details[open] {
  background-color: rgb(19 32 32 / 80%);
  text-shadow: 1px 1px black;
  margin: 12px;
  list-style-type: "✵";
  text-align: left;
  padding: 24px;
}