@tailwind base;
@tailwind components;

/* index */

.button {
  @apply bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-0.5 px-4;
}
.icon {
  @apply text-3xl;
}
.btn-mastodon {
  @apply hover:bg-blue-200 hover:text-blue-700;
}
.btn-pleroma {
  @apply hover:bg-yellow-400 hover:text-white;
}
.btn-diaspora {
  @apply hover:bg-gray-900 hover:text-white;
}
.btn-friendica {
  @apply hover:bg-blue-700 hover:text-yellow-300;
}
.btn-hubzilla {
  @apply hover:bg-indigo-800 hover:text-white;
}
.btn-lemmy {
  @apply hover:bg-green-700 hover:text-white;
}
.btn-socialhome {
  @apply hover:bg-gray-700 hover:text-green-300;
}
.btn-gnusocial {
  @apply hover:bg-red-200 hover:text-red-800;
}
.btn-xmpp {
  @apply hover:bg-blue-900 hover:text-green-500;
}
.btn-options {
  @apply cursor-pointer hover:bg-gray-100 hover:text-black;
}

/* options */

.span-custom {
  @apply text-xl text-blue-700 border border-2 font-bold rounded-l px-4 py-2 bg-white;
}
.text-custom {
  @apply border border-2 px-4 py-2 w-full;
}
.checkbox-custom {
  @apply m-3;
}
.btn-save {
  @apply bg-blue-500 text-xl hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full w-44 text-center;
}

@tailwind utilities;
