&Content {
  @apply mx-auto;
}

h1 {
  @apply text-3xl font-bold my-4 pt-2 pb-4 ;
}

h2 {
  @apply text-2xl font-semibold py-2 border-b border-[#c1c1c1] dark:border-[#515151] my-3;
}

h3 {
  @apply text-xl font-semibold my-2;
}

h4 {
  @apply text-lg font-medium my-1;
}

h5 {
  @apply font-medium;
}

h6 {
  @apply text-sm font-medium;
}

p {
  @apply text-base leading-relaxed my-4;
}
a {
  @apply text-blue-500 hover:text-blue-700 underline;
}

ul {
  @apply list-disc list-inside;
}

ol {
  @apply list-decimal list-inside;
}

li {
  @apply my-2;
}

code {
  @apply bg-gray-100 rounded-md p-1 text-sm;
}

pre {
  @apply bg-gray-900 text-white p-4 rounded-lg overflow-x-auto;
}

blockquote {
  @apply border-l-4 border-gray-200 pl-4 py-2 italic;
}

table {
  @apply min-w-full divide-y divide-gray-200;
}

thead {
  @apply bg-gray-50;
}

th {
  @apply px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;
}

td {
  @apply px-6 py-4 whitespace-nowrap;
}

tr {
  @apply bg-white even:bg-gray-50;
}

img {
  @apply max-w-full h-auto;
}

hr {
  @apply my-8 border-[#a1a1a1] dark:border-[#515151];
}

input {
  @apply bg-gray-100 rounded-md p-1 text-sm border border-[#a1a1a1] dark:border-[#515151];
}