{{!< default}} {{#post}}

  {{!-- Header --}}

  <main class="relative w-default flex flex-wrap mt-24">
    <div class="w-3/3">
      <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 dark:text-gray-100 sm:text-5xl md:text-6xl">
        <span class="inline-block xl:inline text-gradient text-gradient bg-gradient-to-r from-blue-500 to-blue-700">
          {{title}}
        </span>
      </h1>
      <p class="text-base text-justify text-gray-500 dark:text-gray-100 sm:text-lg md:text-xl md:max-w-6xl mt-10">
        {{excerpt}}
      </p>
    </div>
  </main>
  
  {{> interop/connectorTagCards}}

  <div class="prose prose-blue lg:prose-xl mx-auto dark:prose-dark my-10 px-4 md:px-0">
    
    {{content}}

  </div>

  {{/post}}