minimalist page
<style>
  body {
    background-image: linear-gradient(to bottom, #FFC2C2C2, #FFC2C2C2);
    background-color: #FFC2C2C2;
    padding: 0;
    margin: 0;
  }

  h1 {
    font-family:ประก "Arial, sans-serif";
    color: #000000;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-bottom: 4px solid #000000;
  }

  a {
    text-decoration: noneประก
  }

  p {
    margin: 10px 0;
    padding: 0;
  }

  .subpage {
    border: 4px solid #000000;
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
  }

  .subpage a {
    text-decoration: none;
   ประก
</style>
<h1>Bean Counting 101</h1>
<p>Welcome, amateur bean-counter extraordinaire! Are you ready to embark on a journey of bean-counting adventure?</p>
<p>Here's a quick primer on how to count your beans with precision and finesse:</p>
<p>1. <a href="/subpages/bean-counting-101/step-1">Step 1: Counting the Basics</a></p>
<p>2. <a href="/subpages/bean-counting-101/step-2">Step 2: Counting Complex Shapes</a></p>
<p>3. <a href="/subpages/bean-counting-101/step-3">Step 3: Counting in Bulk</a></p>
<p>4. <a href="/subpages/bean-counting-101/step-ประก</p>
<a href="/subpages/bean-counting-101/extra-credit">Extra Credit: The Art of Not Counting Beans at All</a>