.font-comic-sans { font-family: "Comic Sans MS", "Comic Sans", cursive; }

/* Headings */
h1 {
  @apply text-5xl md:text-7xl mb-6 font-bold;
}

h2 {
  @apply text-4xl md:text-6xl font-semibold leading-snug;
}

h3 {
  @apply text-3xl md:text-5xl font-semibold leading-snug;
}

h4 {
  @apply text-2xl md:text-4xl font-medium leading-snug;
}

h5 {
  @apply text-xl md:text-3xl font-medium leading-snug;
}

h6 {
  @apply text-lg md:text-2xl font-medium leading-snug;
}

p {
  @apply text-xl leading-relaxed;
}

small {
  @apply text-sm leading-snug text-gray-600;
}

blockquote {
  @apply border-l-4 border-gray-300 pl-4 italic text-lg leading-relaxed;
}

ul {
  @apply list-none;
}

a { color: #5D32A3 }

a:hover { text-decoration: underline }

button.link { color: #5D32A3 !important }

button.link:hover { text-decoration: underline, cursor: pointer !important }

.emoji {
  font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
}

kbd {
  display: inline-block;
  padding: 0.1em 0.3em;
  color: #555;
  vertical-align: middle;
  background-color: #fcfcfc;
  border: solid 1px #ccc;
  border-bottom-color: #bbb;
  border-radius: 0.2em;
  box-shadow: inset 0 -1px 0 #bbb;
  font-size: .9em;
}