html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #2a241d;
  background-image: url("paper-texture.png");
  background-repeat: repeat;
  font-family: "Baskerville", "Garamond", "Caslon", "Times New Roman", serif;
  color: #e6ddc9;
}

/* ***
 * Section: Logo
 *
 * */

content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.logo-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logo {
  width: 95px;
  opacity: 0.96;
  cursor: default;
}

.wordmark {
  margin-top: 14px;
  width: 200px;
  opacity: 0;
  transition: opacity 2.0s ease; /* transition: opacity 0.6s ease; */
  pointer-events: none;
}

/* Reveal wordmark on hover */
.logo-stack:hover .wordmark,
.logo-stack:focus .wordmark,
.logo-stack:focus-within .wordmark {
  opacity: 0.75;
}

/* ***
 * Section: Footer
 *
 * */

footer {
  position: absolute;
  bottom: 18px;
  width: 100%;
  text-align: center;
  font-size: 10px;
  letter-spacing: 0.06em;
  color: rgba(168, 159, 140, 0.45); /* color: #a89f8c; */
}

footer div:last-child {
  margin-top: 0.5rem;
}