@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Prose */
.prose code,
.prose strong {
  @apply dark:text-gray-300;
}
.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
  @apply dark:text-white;
}
.prose a {
  @apply text-green-600;
}

.prose blockquote {
  @apply dark:text-white;
}

.prose img {
  @apply rounded-md;
}

[type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select {
  @apply
    rounded-md bg-gray-100 dark:bg-gray-700
    dark:border-gray-600 border-gray-300 border-2
    py-2 px-3
    focus:outline-none focus:ring focus:ring-2 focus:border-green-600 focus:ring-green-500
    transition duration-300 ease-in-out;
}

.form-group label {
  @apply text-sm font-medium mb-2;
}
.form-group .check-box input {
  @apply rounded-md bg-gray-100 dark:bg-gray-700
    dark:border-gray-600 border-gray-300 border-2
    p-1 checked:bg-green-600 checked:border-transparent
    focus:outline-none focus:ring focus:ring-1 focus:border-green-600 focus:ring-green-500
    transition duration-300 ease-in-out;
}
.form-group .check-box label {
  @apply mb-0 ml-2;
}