---
export interface Props {
  title: string;
  description: string;
}

const { title, description } = Astro.props;
---

<div
  class="md:w-full h-full p-10 rounded-md bg-black mx-[10px] space-y-5 hover:ring-2 ring-primary transition-all flex flex-col justify-center"
>
  <h3 class="font-body text-xl md:text-3xl">
    {title}
  </h3>
  <p class="text-lg md:text-xl text-body font-body">
    {description}
  </p>
</div>
