@import 'tailwindcss';

h1 {
  @apply text-3xl font-bold;
}

h2 {
  @apply text-2xl font-semibold;
}

h3 {
  @apply text-xl font-medium;
}
p {
  @apply text-base;
}

input,
textarea {
  @apply w-full p-2 border border-gray-500 bg-teal-200 rounded hover:bg-teal-300 focus:bg-teal-300 focus:outline-none focus:ring-2 focus:ring-teal-500;
}
input::placeholder {
  @apply text-gray-500 hover:text-gray-700;
}

button {
  @apply w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-600;
}

main {
  @apply w-full h-screen flex items-center justify-center;
}

.boxed {
  @apply space-y-2 bg-blue-200 p-4 rounded-2xl shadow-lg;
}

table td {
  @apply p-1;
}