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

@layer components {
    .card { padding: 15px; border-radius: 4px; background-color: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,.15);}

    .btn1 { background-color: #fc0; color: rgb(134, 110, 11); padding: 10px 20px; border-radius: 4px; }
    .btn1:hover { background-color: rgb(17, 194, 194); color: rgb(54, 88, 77)}

    .btn { @apply rounded-b-lg shadow-md bg-slate-500 rounded-lg text-center px-4 py-2 font-semibold; }
    .btn:hover { @apply bg-slate-700 text-white; }
}

@layer utilities{
    th,td{ vertical-align: top; }
}