html
<style>
  body {
    background: linear-gradient(-45deg, #f2a8a8 0 0px, #f2a8a8 0 10px, #e0b0b0 0 10px, #e0b0b0 100% 100%);
  }
  h1 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    color: #f0f0f0;
    border-bottom: 4px solid black;
  }
  p {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #333;
  }
  .subpage {
    position: fixed;
    top: 10px;
    left: 20px;
    width: 200px;
    padding: 20px;
    border: 2px solid #000;
    box-shadow: 0 0 10px black;
  }
  .subpage a {
    text-decoration: none;
    color: #fff;
    background: #f00;
    border: 1px solid #000;
    padding: 5px 10px;
  }
  .subpage a:hover {
    background: #f00;
  }
  .subpage a:active {
    color: #f0f0f0;
  }
</style>
<h1>Overload Management: A Guide to Pretending to be Busy</h1>
<p>It's not you, it's not you, no, it's not you. You're just experiencing a minor case of existential dread due to an overwhelming number of tasks. Don't worry, friend, we've got just the thing for you: <a href="/mandates/secondary/overload-management/strategy/feign/pretend" class="subpage">Pretend You're Busy</a>, <a href="/mandates/secondary/overload-management/strategy/feign/avoid" class="subpage">Avoidance Techniques</a>, or <a href="/mandates/secondary/overload-management/strategy/feign/decline" class="subpage">Polite Decline</a> might just be what the doctor ordered.</p>
<div class="subpage" style="top: 120px;">
  <h2>Pretend You're Busy</h2>
  <p>Put on a good face, pretend to be overwhelmed, and hope for the best. It's a classic.</p>
  <a href="/mandates/secondary/overload-management/strategy/feign/pretend/pretend-more" class="subpage">Pretend More</a>
</div>