html, body {
  font-family: Arial, Helvetica, sans-serif;
  padding: 1em 2em;
  font-size: 18px;
  background: #222;
  color: #aaa;
  background-color: black;
  height: 100%;
  display: grid;
}

h1, h2 {
  font-weight: 200;
  margin: 0.4em 0;
}

h1 {
  font-size: 3.5em;
  color:white;
}

h2 {
  color: #888;
  font-size: 2em;
}

.center-me {
  margin: auto;
}

.blocky4 {
  position: absolute;
  top: 80%;
  left: 5%;
  white-space: nowrap;
  overflow: hidden
}

  .blocky4 h1, .blocky4 h2 {
    background-color: chocolate;
    display: inline;
    text-transform: none;
    font-weight: 500;
    line-height: 52px;
    border: thick;
    border-color: whitesmoke
  }

    .blocky4 h1 span, .blocky4 h2 span {
      padding: 20px;
      color: #fff;
    }

.blocky5 {
  position: absolute;
  top: 10%;
  left: 5%;
  white-space: nowrap;
  overflow: hidden
}

  .blocky5 h1, .blocky5 h2 {
    background-color: chocolate;
    display: inline;
    text-transform: none;
    font-weight: 500;
    line-height: 52px;
    border: thick;
    border-color: whitesmoke
  }

    .blocky5 h1 span, .blocky5 h2 span {
      padding: 20px;
      color: #fff;
    }