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

@layer base {
    .login {
        @apply flex flex-row justify-center items-center m-auto shadow-md bg-slate-50 p-6 pb-8 rounded px-10 border-t-4 border-t-emerald-700
    }
}

@layer components {
    .button {
        @apply w-full bg-gradient-to-t from-emerald-800 to-emerald-700 text-slate-100 rounded py-2 shadow-sm shadow-emerald-800 hover:opacity-95 font-bold;
    }
    input {
        @apply border-slate-300 border-2 rounded bg-slate-100 w-full my-1 p-1 px-2;
    }
}