html
<style>
  body {
    background-color: #F2F2F2;
    font-family: 'Arial Black', Arial, sans-serif;
    line-height: 1.5;
    color: #333;
    font-size: 12pt;
  }
  
  .header {
    background: #C0D9A3;
    border: 4px solid #000;
  }
  
  .content {
    background: #C0D8C0;
    border: 4px solid #000;
  }
  
  .footer {
    background: #C9B9B9;
    border: 4px solid #000;
  }
  
  .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .h1 {
    font-size: 24pt;
  }
  
  .h2 {
    font-size: 18pt;
  }
  
  .h3 {
    font-size: 14pt;
  }
  
  .h4 {
    font-size: 12pt;
  }
  
  .h5 {
    font-size: 10pt;
  }
  
  a {
    text-decoration: none;
    color: #000;
  }
  
  a:hover {
    text-decoration: none;
  }
</style>

<div class="header">
  <h1>Bureaucracy</h1>
  <p class="header-text">Welcome to the Department of Redundancy, where form is mightier than function.</p>
</div>

<div class="content">
  <h2>Apply Now!</h2>
  <p>To begin your application, please fill out this completely unnecessary form:</p>
  <form>
    <label for="name">Name:</label>
    <input type="text" id="name" name="name"><br>
    <label for="reason-for-applying">Reason for Applying:</label>
    <input type="text" id="reason-for-applying" name="reason-for-applying"><br>
    <label for="special-skillz">Special Skillz:</label>
    <input type="text" id="special-skillz" name="special-skillz"><br>
    <label for="available-to-start">Available to Start:</label>
    <input type="date" id="available-to-start" name="available-to-start"><br>
    <button type="submit">Submit</button>
  </form>
  <p>Don't forget to include a resume, or we will have to assume you're a complete idiot.</p>
  <p>Also, please don't bother trying to apply if you're not fluent in the official Bureaucratic Language, aka Bureaucrish.</p>
  <p>Applications submitted in Comic Sans will be automatically rejected.</p>
</div>

<div class="footer">
  <a href="/subpages/bureaucracy/bureaucratic_law.pdf">View the Bureaucratic Law Document</a>
  <a href="/subpages/bureaucracy/bureaucratic_forms.pdf">View all Bureaucratic Forms</a>
</div>