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

.inactive-button {
    @apply py-2 px-4 h-fit text-slate-400 border border-slate-400 rounded-full
}

.tool-button {
    @apply hover:brightness-110 py-2 px-4 h-fit rounded-full bg-gradient-to-r from-blue-400 to-sky-300  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
}

.text-field {
    @apply w-full font-mono dark:text-slate-100 bg-slate-50 dark:bg-gray-600 border border-slate-400 p-2 rounded-lg
}