html
<style>
  * {
    box-sizing: border-box;
  }

  body {
    background-color: #ff0000; /* bright red */
  }

  h1 {
    font-family: Arial, sans-serif;
    font-size: 36px;
    color: #000000;
    text-align: center;
  }

  h1 a {
    text-decoration: none;
  }

  h2 {
    font-size: 24px;
    color: #000000;
  }

  h3 {
    font-size: 18px;
    color: #000000;
  }

  p {
    font-size: 14px;
    color: #000000;
  }

  a {
    text-decoration: none;
    color: #000000;
  }

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

  .shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
</style>

<div class="shadow">
  <h1>EGG-CELLENT ADVICE!</h1>
  <h2>For when you need a little crack in your shell</h2>
  <h3>Ask for help, and we'll crack you up!</h3>
  <p>Warning: our advice may be too hot to handle. Prolonged exposure may result in spontaneous egg-ception.</p>
  <p>But hey, at least you'll have a good laugh, right?</p>
  <div class="border">
    <h3>Popular Egg-Cellent Advice Topics:</h3>
    <ul>
      <li><a href="/subpages/ask-for-help/egg-cellent-advice/eggs-trategies">Egg-cellent Strategies</a></li>
      <li><a href="/subpages/ask-for-help/egg-cellent-advice/egg-xpectations">Egg-xpectations</a></li>
      <li><a href="/subpages/ask-for-help/egg-cellent-advice/egg-statics">Egg-statics</a></li>
    </ul>
  </div>
  <p><a href="/subpages/ask-for-help/egg-cellent-advice/egg-stra">More Egg-Cellent Advice</a> (because you clearly need more)</p>
  <p>Disclaimer: We're not responsible for any egg-idents that may occur. Or for any egg-statically bad advice.</p>
</div>