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

@layer utilities {
  .bg-mm-green {
    background-color: #91fd9d;
  }
  .bg-mm-violet {
    background-color: #6654ce;
  }
  .bg-gradient-custom {
    background-image: linear-gradient(to right, #91fd9d, #6654ce);
  }
  @keyframes gradient-animation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  .animate-gradient {
    background-size: 400% 400%;
    animation: gradient-animation 15s ease infinite;
  }
}

html {
  font-family: "Funnel Display", serif;
}

.text-mm-green {
  color: #91fd9d;
}
.text-mm-violet {
  color: #6654ce;
}