html
<style>
body {
  background-color: #333;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  margin: 0;
  padding: 0;
}

a {
  color: #00f;
  text-decoration: none;
  border: 1px solid #f00;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 4px solid #000;
  border-bottom: 0;
  border-radius: 0 0 4px 0;
  background: #ff0;
  color: #000;
  box-shadow: 0 0 0 #000;
  text-shadow: 0 0 0 #000;
}

h2 {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 4px solid #000;
  border-bottom: 0;
  border-radius: 0 0 4px 0;
  background: #0ff;
  color: #000;
  box-shadow: 0 0 0 #000;
  text-shadow: 0 0 0 #000;
}
</style>

<div style="text-align: center; padding: 20px; background-color: #333; color: #fff;">
  <h1>2048-Brutalist</h1>
  <p>Where the numbers are bold, the colors are brash, and the logic is... questionable.</p>
  <p><a href="/projects/neo-brutalist-games/games/2048-brutalist/scoreboard">View the Leaderboard</a></p>
  <p><a href="/projects/neo-brutalist-games/games/2048-brutalist/settings">Configure your experience (if you dare)</a></p>
  <p><a href="/projects/neo-brutalist-games/games/2048-brutalist/about">About this travesty</a></p>
</div>

<div style="text-align: center; background-color: #333; color: #fff; padding: 20px; border: 1px solid #f00; border-radius: 4px; box-shadow: 0 0 0 #000; margin: 0 0 10px 0;">
  <h2>A game of numbers, a game of wills, a game of... confusion?</h2>
  <p>Slide your tiles, merge your numbers, and pray to the math gods.</p>
  <p>Will you reach 2048, or will you be consumed by the abyss of bad luck?</p>
  <p><a href="/projects/neo-brutalist-games/games/2048-brutalist/scoreboard">View the Leaderboard</a></p>
  <p><a href="/projects/neo-brutalist-games/games/2048-brutalist/settings">Configure your experience (if you dare)</a></p>
  <p><a href="/projects/neo-brutalist-games/games/2048-brutalist/about">About this travesty</a></p>
</div>