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

/* FONTS */

@layer base {
  h1, h2, h3, h4, h5 {
    @apply font-sans;
  }
}

/* OTHERS */

html {
  scroll-behavior: smooth;
}

/* bg-neutral-800
  @apply bg-slate-800
*/
body {
  @apply bg-slate-900;
  @apply text-slate-400;
}

.extra-small {
  font-size: 0.50rem;
}

/* tooltip fade-out clip */
.tooltip-body::after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  height: 1.2em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
}