<script setup>
const props = defineProps(['title', 'blurb', 'link'])

</script>

<template>
  <div class="blurb">
    <h1 class="green">{{ props.title }}</h1>
    <h3>
      {{ props.blurb }}
    </h3>
    <a href="{{ props.link }}">Read more...</a>
  </div>
</template>

<style scoped>
h1 {
  font-weight: 500;
  position: relative;
}

h3 {
  font-size: 1.2rem;
}
</style>
