---
import { css } from '@styled-system/css'

const footerLegendClass = css({
  paddingBlock: 'md',
  textAlign: 'center',
  fontSize: 'sm'
})
const footerLegendHeartClass = css({
  color: 'red'
})
---

<footer>
  <p class={footerLegendClass}>
    Hecho con
    <span class={footerLegendHeartClass}
      ><i class="fa-solid fa-heart"></i></span
    >
    y
    <a href="https://astro.build">Astro</a>
    por
    <a href="https://srjuggernaut.dev">Jugger</a>.
  </p>
</footer>