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

body {
    width: 800px;
    @apply mx-auto text-slate-900;
}

h2 {
    @apply font-bold mb-2 text-2xl;
}

form {
    @apply flex flex-col gap-y-3;
}

input[type="file"] {
    @apply border rounded-md w-full;
}

input[type="password"],
input[type="text"] {
    @apply border h-8 rounded-md;
}

textarea {
    @apply border h-32 rounded-md;
}

.btn-area {
    @apply flex gap-4 mt-4;
}

.btn {
    @apply bg-slate-200 border my-2 px-3 py-2 rounded-md w-full hover:bg-slate-100;
}

.action-btn {
    @apply bg-slate-800 border my-2 px-3 py-2 rounded-md text-slate-50 w-full hover:bg-slate-700;
}