JSFiddle - React, Tailwind, and code Playground

HTML

<div class='parent'>
    <div class='child'>
      <img src="https://i.imgur.com/ydGIB0m.jpg" alt="MSI" style="width:auto;height: 88vh;">
    </div>

    <div class='child'>
       <a href="Insta.html" class="fur">Insta</a>
       <a href="Twitter.html" class="fur">Twitter</a>
        <a href="Gucci.html" class="fur">Gucci</a>
        <a href="Chanel.html" class="fur">Chanel</a>
        <a href="Web.html" class="fur">Web</a>
    </div>
  </div>

CSS

html, body {
  background-color: #272b35;
  color: #525466;
  overflow: hidden;
}

.parent {
  margin: 1rem;
  padding: 2rem 2rem;
}

.child {
  display: inline-block;
  padding: 1rem 1rem;
  vertical-align: middle;
  font-family: VAG Rounded;
  font-size: 1.4rem;
}

span.hiddenspace {
  color: #272b35;
}

a {
  text-decoration: none;
  color: #525466;
  display: block;
  margin: .8em 0em;
}

a:hover {
  color: #EE7A63;
}

a.fur:hover:after {
  content: " ♥";
}

a.furghost:hover:after {
  content: "";
}

a.ghost, a.furghost{
  font-family: Ubuntu Nerd Font;
}