Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>pongGenius</title>
<style id="jsbin-css">
.Hero-root {
  background-color: blue;
  padding-top: 30%;
  padding-bottom: 10%;
  font-family: Helvetica;
}

.Hero-title {
  color: white;
  text-align: center;
}


.Hero-subtitle {
  color: white;
  text-align: center;
}

.ui-header {
  margin: 0;
}
</style>
</head>
<body>
  <div class="Hero-root">
    <div class="Hero-title">
      <h1 class="ui-header">pongGenius<h1>
    </div>
    <div class="Hero-subtitle">pong tracking app</div>
  </div>
  <div class="">
    Keep score, track stats, become a legend
  </div>
  <div>
    Start
  </div>
  <div>
    Copyright & disclaimers
  </div>


<script id="jsbin-source-css" type="text/css">.Hero-root {
  background-color: blue;
  padding-top: 30%;
  padding-bottom: 10%;
  font-family: Helvetica;
}

.Hero-title {
  color: white;
  text-align: center;
}


.Hero-subtitle {
  color: white;
  text-align: center;
}

.ui-header {
  margin: 0;
}</script>
</body>
</html>