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

body {
  @apply text-gray-600 text-sm h-full;
  font-family: "Noto Sans", sans-serif;
}

html {
  @apply h-full;
}

.svg-inline--fa {
  height: 1em;
}

.chat-message:first-child {
  display: block;
  height: calc(100vh - 195px);
  flex-shrink: 0;
}

.animate-green-bg {
  animation: green-bg 5s ease-out infinite;
}

@keyframes green-bg {
  0% {
    transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);
  }
}