html
<style>
  body {
    font-family: 'VT323', Arial, sans-serif;
    background-color: #f0f0f0;
  }
  .content {
    font-size: 24px;
    font-weight: bold;
  }
  .border {
    border: 4px solid #000000;
  }
  .shadow {
    text-shadow: 0px 0px 4px #000000;
  }
</style>
<div class="content border shadow">
  <h1>Deep into the underground</h1>
  <p>Welcome to the depths of the underworld, where the lost socks of society reside. Don't get lost, follow this chart.</p>
  <table border="1" style="border-collapse: collapse; border-color: #000000;">
    <tr>
      <th>Level</th>
      <th>Features</th>
      <th>Dwellers</th>
    </tr>
    <tr>
      <td>Level 1</td>
      <td>Darkness, dampness, and despair</td>
      <td>Lost Socks</td>
    </tr>
    <tr>
      <td>Level 2</td>
      <td>Shadows of doubt, echoes of regret</td>
      <td>Displaced Pencils</td>
    </tr>
    <tr>
      <td>Level 3</td>
      <td>Musty smell, flickering light</td>
      <td>Forgotten Dreams</td>
    </tr>
  </table>
  <p><a href="/survival/5/underground/level-1">Descend to Level 1</a> | <a href="/survival/5/underground/level-2">Or venture into Level 2</a> | <a href="/survival/5/underground/level-3">Or if you dare, Level 3</a></p>
  <p><a href="/survival/5/underground/lost-and-found">Lost and Found</a></p>
  <p>Caution: The depths are treacherous. Proceed with caution, or not.</p>
</div>