body {
  background: #000000; /*void black*/
  color: #ffffff; /* bone white*/
  font-family: 'Lucida Console', Consolas, monospace;
}

.sitehead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 1.5em;
  border-bottom: 1px solid #2a2a2a; /* divider */
}

.crumbs {
  display: flex;
  gap: 1.5em;
}

.crumbs a {
  color: #9a9a9a;
  text-decoration: none;
}

.crumbs a:hover {
  color: #ffffff; 
}

.wordmark {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.05em;
}

main {
  padding: 2em 1.5em;
  max-width: 700px;
}

main img {
  max-width: 100%;   /* never wider than its container */
  height: auto;      /* keeps its proportions */
  margin: 1.5em 0;
}

.tagline {
  color: #c23b3b;              /* oxblood red */
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

main ul {
  list-style: none;   /* removes bullet points */
  padding: 0;
}

main li {
  margin-bottom: 0.5em;
}

main a {
  color: #9a9a9a;
  text-decoration: none;
}

main a:hover {
  color: #ffffff;
}