styles.css

@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,400;0,500;0,700;0,800;1,400&display=swap');

/* purgecss start ignore */

@tailwind base;

/* Boilerplate */

html {
  @apply antialiased font-sans leading-tight text-gray-900;
  font-feature-settings: 'liga' 1;
}
body {
  @apply m-0;
}
svg {
  height: 1em;
  width: auto;
}
/* svg * {
  @apply stroke-current;
}
svg.fill * {
  @apply fill-current;
  stroke: none;
} */
a {
  @apply inline-block;
}
a,
button {
  @apply rounded-sm transition duration-150 ease-in-out;
}
a:focus,
button:focus {
  @apply outline-none shadow-outline;
}
p {
  @apply leading-normal;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}

@tailwind components;

/* Custom components */

/* purgecss end ignore */

@tailwind utilities;

/* Custom utilities */

.smooth-scroll {
  scroll-behavior: smooth;
}

.react-markdown {
  @apply break-words;
}
.react-markdown *:last-child {
  @apply mb-0;
}
.react-markdown h1 {
  @apply text-xl mt-4 mb-3;
}
.react-markdown h2 {
  @apply text-lg mt-4 mb-3;
}
.react-markdown h3,
.react-markdown h4,
.react-markdown h5,
.react-markdown h6 {
  @apply text-base mt-4 mb-2;
}
.react-markdown p {
  @apply text-gray-800 mb-2;
}
.react-markdown a {
  @apply text-teal-500;
}
.react-markdown ul,
.react-markdown ol {
  @apply leading-normal max-w-2xl mb-2 text-gray-800 pl-4;
}
.react-markdown ul {
  @apply list-disc;
}
.react-markdown ol {
  @apply list-decimal;
}
.react-markdown li {
  @apply mb-2;
}
.react-markdown blockquote {
  @apply border-l-2 border-teal-900 pl-2;
}