Simple Human Verification #2 URL / File Locker Template

CSS CODE:

body {
  background: #000 url(https://i.imgur.com/ImDx8dI.jpg);
  overflow: hidden;
  padding: 10px;
}

.offer_help_text {
  display: none;
}

.display {
  background: rgba(98,85,83,0.9);
  background: -moz-linear-gradient(top, rgba(98,85,83,0.9) 0%, rgba(22,8,13,0.9) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98,85,83,0.9)), color-stop(100%, rgba(22,8,13,0.9)));
  background: -webkit-linear-gradient(top, rgba(98,85,83,0.9) 0%, rgba(22,8,13,0.9) 100%);
  background: -o-linear-gradient(top, rgba(98,85,83,0.9) 0%, rgba(22,8,13,0.9) 100%);
  background: -ms-linear-gradient(top, rgba(98,85,83,0.9) 0%, rgba(22,8,13,0.9) 100%);
  background: linear-gradient(to bottom, rgba(98,85,83,0.9) 0%, rgba(22,8,13,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#625553', endColorstr='#16080d', GradientType=0 );
  max-width: 450px;
  padding: 10px;
  margin: 5% auto;
  border: 3px solid #FFF;
  border-radius: 10px;
  box-shadow: 0px 0px 3px #000;
  color: #FFF;
}

.link_a:link {
  width: 100%;
  max-width: 640px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

h1 {
  font-family: 'Anton', sans-serif;
}

.dl_button {
  background: #FFF;
  color: #333;
  border: 3px solid #EEE;
  padding: 5px 5px;
  width: 100%;
}

.dl_button:hover {
  background: #EEE;
  color: #000;
  border: 3px solid #EEE;
}

HTML CODE :

<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1">
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
<center>
    <div class="display">
        <h1>Human Verification</h1>
        <p>Complete a survey below to prove you are a Human and not an automated bot.</p>
        {%offers%}
        <br><img src="https://i.imgur.com/UA8TGLP.gif" style="width:100%;max-width:250px;"><br>Waiting for Completion.
    </div>
</center>