body, body * {
  font-size: 12pt;
  font-family: sans-serif;
}

input {
  width: 30em;
  max-width: 90vw;
  height: 2em;
  font-size: 12pt;
  text-align: center;
}
button {
  height: 2em;
  width: 8em;
  margin: 0.5em;
  font-size: 12pt;
  display: block;
}
form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

h1 a {
  display: inline;
  text-decoration: none;
  color: black;
  font-size: 18pt;
}

h1 {
  display: block;
  margin-bottom: 0;
}

.tagline {
  margin-bottom: 2em;
  font-size: 11pt;
  color: grey;
}

p {
  margin-top: 2em;
  font-size: 11pt;
}

.tip {
  display: inline-block;
  padding: 0 2em;
}

.tip, .tip a {
  color: grey;
  font-size: 11pt;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 1em;
  text-align: center;
  line-height: 2em;
}

.short-link {
  display: inline-block;
  margin-bottom: 1em;
  font-size: 18pt;
}

.info-link {
  word-break: break-word;
}