`` prophets-of-doom
<style>
  * {
    margin: 0;
    padding: 0;
  }
  body {
    background-color: #FF69F0;
    font-family: "Helvetica Neue", Arial, sans-serif;
  }
  h1 {
    font-size: 32px;
    color: #FF0000;
    border: 4px solid #000;
  }
  h2 {
    font-size: 20px;
    color: #00FF00;
  }
  p {
    font-size: 14px;
    color: #000;
  }
  a {
    text-decoration: none;
    color: #000;
  }
  a:hover {
    color: #000;
  }
  .container {
    width: 800px;
    margin: 20px auto;
    background-color: #FFFFFF;
    padding: 20px;
  }
  .prophecies {
    width: 400px;
    float: left;
    background: #FF0000;
    border: 4px solid #000;
    padding: 10px;
    margin:ประก
  }
  .steve's-fate-is-sealed {
    width: 300px;
    float: right;
    background: #00FF00;
    border: 4px solid #000;
    padding: 10px;
  }
</style>

<div class="container">
  <h1>Steve's Fate is Sealed: Prophecies of Doom</h1>
  <p>
    According to ancient lore, Steve's destiny is forever bound to the whims of a capricious universe. Here are the prophets who've foreseen his doom:
  </p>
  <div class="prophecies">
    <h2>Prophecy 1: The Oracle of the Kitchen</h2>
    <p>
      "Steve shall never master the art of boiling water without burning it." - Oracle of the Kitchen
    </p>
    <a href="/subpages/steve/prophecies/steve-is-cursed-by-his-own-kitchen.html">Read more...</a>
  </div>
  <div class="prophecies">
    <h2>Prophecy 2: The Seer of the Couch</h2>
    <p>
      " prophets-of-doom "Steve shall never escape the crushing weight of his own procrastination." - Seer of the Couch
    </p>
    <a href="/subpages/steve/prophecies/steve-is-doomed-to-be-a-slacker.html">Read more...</a>
  </div>
  <div class="steve's-fate-is-sealed">
    <h2>Steve's Fate is Sealed: The Conclusion</h2>
    <p>
      And so, it is written: Steve's destiny is forever entwined with the fabric of doom. May he learn to wield his fate wisely.
    </p>
  </div>
</div>
```