/** ------------------------------------------------------------
  ##  TAILWIND CSS
  --------------------------------------------------------- */

@import '_tailwind';

/** ------------------------------------------------------------
  ##  CUSTOM CLASSES
  --------------------------------------------------------- */
html {
  height: 100%;
}

body {
  background-color: #fafafa;

  min-height: 100%;
}

.btn {
  @apply text-xs font-semibold rounded-full px-4 py-1 leading-normal bg-white border border-black text-black;
}
.btn-black {
  @apply bg-white text-black;
}
.btn-black:hover {
  @apply bg-black text-white;
}

/* Temporary fix for https://github.com/vaso2/nuxt-fontawesome/issues/9 */
.fix-fa-inlined span{
	width: 1em !important;
}