<!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>