<!DOCTYPE html>
<html>
  <head>
    <title>Hello, World!</title>
    <style>
    html, body {
      height: 100%;
      font-family: Sans-Serif;
      background: linear-gradient(#00aeff, #05e7f7);
    }
      header {
        margin-left: 12em
      }
      
      header h1 {
        margin-left:1em;
      -webkit-text-stroke-width: 1.1px;
      -webkit-text-stroke-color: white;
      }
    </style>
  </head>
  <body>
      <header>
        <h1>Ryan</h1>
        <p>pro programming dev</p>
        
      </header>
      <br>
      <br>
      <p id="aaa">If you read this you are...</p>
      <button onclick="document.getElementById(`aaa`).innerText = `Not stupid!`">Reveal</button>
  </body>
</html>