<section class="hero">
  <h1 class="hero__display">Center Me Please</h1>
</section>

// Mini Reset
body {
  font-family: 'Open Sans', sans-serif;
  background-color: #eee;
}
h1 {
  margin: 0;
}

// TODO: Center Content
.hero {
  margin: 2em;
  padding: 1em;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #333333;
  border-radius: 8px;
}

.hero__display {
  padding: 1em 1.5em;
  height: fit-content;
  background-color: #222222;
  color: #dddddd;
  border-radius: 8px;
}