<script lang="ts">
  import * as m from "$paraglide/messages";
</script>

<div class="short-profile-container">
  <div class="flex gap-1 items-baseline">
    <b style="text-align:left;">{m["zhen.cv.flex.title"]()}</b>
    <h1 style="font-size: 0.5rem; color: grey;">
      {m["zhen.cv.flex.tooltip"]()}
    </h1>
  </div>
  <div class="text-[0.85rem] text-left">
    {@html m["zhen.cv.flex.body"]()}
  </div>
</div>

<style>
  .short-profile-container {
    width: 90%;
  }

  .short-profile-container > div:first-child {
    width: 100%;

    /* Bottom border stripe*/
    border-bottom: 1mm solid black;
  }
</style>
