@font-face {
  font-family: 'mononoki';
  src: url('/projects/tarot/assets/fonts/mononoki-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

#app {
  margin-top: 1.5em;
}

#app > span {
  font-family: 'mononoki', monospace;
  font-size: 13px;
  white-space: pre;
  display: block;
  line-height: 1;
}

#app .tarot-label {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  margin-top: 0.75em;
  color: var(--color-muted);
}