Removing menu header and footer and buttons and lines disappeared!

I got some code from a web developer to take away the menu header and footer for an Instagram link page and it worked great except for the fact that it made my buttons turn to text only and I can't add lines. Would love and appreciate any help! https://homeownerhq.co/instagram

Here is the code:

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-MTLGTBFXQR"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-MTLGTBFXQR');
</script>

<!-- Remove the Header (7.0) -->

<style> 
  .Header { 
    display: none;
  } 
</style>

<!-- Remove the Footer (7.0) -->

<style> 
  .Footer { 
    display: none;
  } 
</style>

<!-- Remove the Header and Footer (7.0) -->

<style> 
  .Header, .Footer { 
    display: none;
  }
  
  
<!-- Remove the Header (7.1) -->

<style> 
  #header { 
    display: none;
  } 
</style>

<!-- Remove the Footer (7.1) -->

<style> 
  #footer-sections { 
    display: none;
  } 
</style>

<!-- Remove the Header and Footer (7.1) -->

<style> 
  #header, #footer-sections { 
    display: none;
  }

Amazing Thank you @Ziggy!!