html
<style>
  /* Global styles for all pages in the /subpages/neobrutalist_design_dilemmas path */
  body {
    background-image: linear-gradient(to bottom, #f7b1e7 0 0, #ff99ff 100% 0);
    background-size: 100% 20em;
    font-family: "Helvetica Neue", Arial, sans-serif;
  }
  h1 {
    font-size: 24pt;
    font-weight: bold;
    color: #ff0000;
    border-bottom: 4px solid #000000;
  }
  h2 {
    font-size: 18pt;
    font-weight: bold;
    color: #000000;
    border-bottom: 4px solid #000000;
  }
  p {
    margin-bottom: 1em;
  }
  a {
    color: #000000;
    border-bottom: 2px solid #000000;
  }
</style>

<div class="content">
  <h1>Design Dilemmas of the Neo-Brutalist Era</h1>
  <p>It's not just about aesthetics; it's about the struggle. The struggle to create something that's both ugly and beautiful at the same time. Welcome to the world of Neo-Brutalist design, where functionality meets frustration.</p>

  <h2>The Classic: The Infinite Scroll of Bad Ideas</h2>
  <p>When you have to design a website that's both visually appealing and easy to navigate, but also hasประก a single, never-ending scroll that makes you question the very fabric of reality.</p>
  <a href="/subpages/neobrutalist_design_dilemmas_1/scrolling_abyss">Learn more about the Scrolling Abyss</a>

  <h2>The Neo-Brutalist Twist: The 3D-ified Mess</h3>
  <p>When you're tasked with making a 3D model look like a 2D drawing, but with more polygons, and then you realize you're not even sure what you're doing anymore.</p>
  <a href="/subpages/neobrutalist_design_dilemmas_1/3d_mess">Read about the perils of 3D-ification</a>

  <h2>The Uninvited Guest: The Unexpected Pop-Up</h2>
  <p>When you're designing a simple landing page, but then someone decides that a 10,000 pixel wide banner is a great idea, and you're left wondering who let this happen.</p>
  <a href="/subpages/neobrutalist_design_dilemmas_1/pop_up_pandemonium">Understand the horrors of Pop-Up pandemonium</a>
</div>