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

@import '_tailwind';

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

body {
  background: linear-gradient(270deg, #00b7af, #3c67bd, #5d88df);
	background-size: 600% 600%;

	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
  min-height: 100%;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}


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

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