@charset "utf-8";

body {
  margin: 0 auto 2ex;
  border-bottom-right-radius: 2ex;
  border-bottom-left-radius: 2ex;
  max-width: 64ex;
  padding: 4ex 8ex;
}

@media screen and (max-width: 128ex) {
  /* Tablets */
  body {
  }
}

@media screen and (max-width: 64ex), screen and (max-width: 10cm) {
  /* Mobiles */
  body {
    max-width: none;
    margin: 0 1ex 2ex;
    padding: 2ex 4ex;
  }
}

header > * {
  text-align: center;
}

header > p:first-child {
  text-align: left;
  margin-bottom: 4ex;
}

header > p {
  font-style: italic;
  font-size: 0.9em;
}

header > h1 {
  margin: 0;
}

header:after {
  content: '⊗';
  display: block;
  margin: 2em 0;
  text-align: center;
}