<!DOCTYPE html>
<html lang="en">
  <head>
    <title>CSS "Art"</title>
<style>

html {
  height: 100%;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: linear-gradient(to bottom right, steelblue, #152837);
}

main {
  max-width: 800px;
  margin: 1em auto;
  padding: 2em;
  background: white;
  box-shadow: 3px 3px 6px black;
}

h1 {
  margin-top: 0;
}

</style>
  </head>
  <body>
    <main>
      <h1>CSS Art</h1>

      <p>The following pages are rendered with pure HTML and CSS.</p>

      <p><strong>Note:</strong> These are likely disasters as far as accessibility and portability goes. They may not work well with custom browsers settings or even on mobile.</p>

      <ul>
        <li><a href='./vaporwave/'>Generic Vaporwave</a></li>
        <li>
          <a href='./says/trans/rights/'>Some</a>
          <a href='./says/black/lives/matter/'>things</a>
          I
          want
          to
          say.
        </li>
      </ul>
    </main>
  </body>
</html>