<style>
  body {
    padding: 0;
    margin: 0;
  }
  .article {
    background-image: url("/themes/platon/images/cert_1.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 2rem;
    height: 9.25in;
    width: 7in;
    margin: 0;
  }

  .awarded_on {
    margin-top: 7%;
    margin-left: 20%;
  }

  .awarded_to {
    font-size: 150%;
    text-align: center;
    padding: 0 120px;
    margin-top: 33%;
  }

  .course_name {
    font-size: 150%;
    text-align: center;
    margin-top: 10%;
    padding: 0 120px;
    height: 27px;
  }
</style>

<div class="article" >

    <div class="awarded_to">
      <?=$_GET['to']?>
    </div>

    <div class="course_name"> 
      <?=$_GET['name']?>
    </div>

    <div class="awarded_on">
      <?=$_GET['on']?>
    </div>

</div>