.fab, .fas {
  font-family: fontawesome !important;
  font-size: 1.2em;
  text-decoration: none;
  color: #666;
}

.fab:hover, .fas:hover {
  color: #111;
}

.social-links a:link {
  background: none;
  background-repeat: no-repeat;
}

article {
  padding-top: 4rem !important;
}

article h1 {
  margin-top: 0 !important;
}

article.compact-page {
  padding-top: 0 !important;
}

article img {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.65);
}

.preface-link a {
  font-family: "Inconsolata", monospace;
}

.index-links {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin-top: 0.5rem;
  font-family: "Inconsolata", monospace;
}

.index-links a {
  font-family: "Inconsolata", monospace;
  white-space: nowrap;
}

.index-links a {
  font-family: "Inconsolata", monospace;
}

.preface-link {
  margin-bottom: 0.5rem;
}

.small-caps {
  font-variant: small-caps;
}

.signature {
  text-align: right;
  font-style: italic;
}

.site-nav a {
  color: #666;
  text-decoration: none;
}

.social-links a:link {
  background: none;
  background-repeat: no-repeat;
}


.contact-form {
  margin-top: 3rem;
}

.contact-form p {
  margin-bottom: 1.5rem;
}

.contact-form label {
  display: block;
  font-family: "Inconsolata", monospace;
  color: #666;
  margin-bottom: 0.4rem;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  box-sizing: border-box;
  font-family: "ET Book", "Book Antiqua", Palatino, Georgia, serif;
  font-size: 1rem;
  line-height: 1.4;
  color: #eee;
  background: #080D1F;
  border: 1px solid #666;
  padding: 0.7rem;
}

.contact-form input {
  height: 2.6rem;
}

.contact-form textarea {
  min-height: 12rem;
  resize: vertical;
}

.contact-form button {
  display: block;
  margin-left: auto;
  font-family: "Inconsolata", monospace;
  font-size: 1.25rem;
  color: #482B87;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.contact-form .hidden-field {
  display: none;
}

.preface-links {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin-top: 2.5rem;
  font-family: "Inconsolata", monospace;
}

.site-nav {
  position: relative;
}

.site-menu {
  display: none;
  position: absolute;
  top: 2.5rem;
  right: 0;
  min-width: 12rem;
  padding: 0.5rem 0;
  z-index: 10;
}

.site-menu.is-open {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.45rem;
}

.site-menu a {
  font-family: "Inconsolata", monospace;
  font-size: 0.9rem;
  color: #B8B4C8 !important;
  text-decoration: none !important;
  background: none !important;
  text-shadow: none !important;
}

.site-menu a:hover {
  color: #482C86 !important;
}

article.compact-page img {
  margin-bottom: 2rem;
}

article.compact-page .preface-link {
  margin-bottom: 1.5rem;
}

article.compact-page .bio {
  margin-top: 2rem;
}

.preface-link a,
.index-links a {
  font-weight: 600;
}