JSFiddle - React, Tailwind, and code Playground

HTML

<body class="body">
  <div class="header">
    <h1 class="heading">William Marchesi</h1>
    <a class="contactButton" href="#contact">Contact</a>
  </div>
</body>

CSS

body {
  background-color: green;
  font-size: 87.5%;
  margin: 0;
  padding: 0;
}

.header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 6rem;
  background-color: #FCFCFC;
}

.heading {
  font-size: 3em;
  font-family: 'Nunito', sans-serif;
}

.contactButton {
  font-size: 2em;
  font-family: 'Nunito', sans-serif;
}

a {
  text-decoration: none;
  color: inherit;
}