index.css

footer{
  margin: 50px 0;
  text-align: center;
}

footer a{
  text-decoration: none;
  color: #fff;
}

footer a:hover{
  color: rgb(164, 164, 225);
}

Footer.jsx

import React from 'react'

function Footer() {
  return (
    <footer>
        <a href='https://macaronics.net' target='_blank'>macaronics.net</a>
    </footer>
  )
}

export default Footer