body {
  background: #0a0b12;
}

label {
  color: #CCC;
}

.lists .description {
  color: #AAA;
}

.wrap {
  padding: 20px 0.5rem;
  margin: 0 auto;
  background: transparent;
  color: white;
  border: none;
  box-shadow: none;
}

.container {
  box-sizing: border-box;
  width: fit-content;
  max-width: 650px;
}

.container > section {
  width: 100%;
}

.header .logo img {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 80vw;
  height: 20vh;
  min-height: 110px;
}

.header {
  border: none;
}

a, a:visited {
  color: white;
  text-decoration: underline;
}

a:hover, a:active {
  color: white;
  text-decoration: none;
}

section > h2 {
  font-size: 0;
}

section > h2::before {
  display: inline;
  content: "Mailing List";
  font-size: 1.5rem;
}

.form::before {
  display: block;

  margin-top: 0.5rem;

  content: "Register to have your inbox to be graced by visitations from our angelic emissaries.";

  font-size: 1rem;
}

.lists h2 {
  font-size: 0;
}

.lists h2::before {
  display: inline;
  content: "Topics";
  font-size: 1.5rem;
}

.lists h2::after {
  display: block;

  margin-top: 0.5rem;
  margin-bottom: 1rem;

  content: "(We respect your spoons and only send emails when we have something worth saying. No nag messages or pointless shit.)";

  font-size: 1rem;
}