A little color. A little motion. A tiny experiment in CSS gradients.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Aurora gradients</title>
</head>
<body>
<main class="scene">
<div class="orb orb-one"></div>
<div class="orb orb-two"></div>
<div class="grain"></div>
<div class="content">
<span class="eyebrow">AN EXPERIMENT IN COLOR</span>
<h1>Make something<br><em>wonderful.</em></h1>
<p>A little code. A world of possibilities.</p>
<button id="remix">Find your gradient <span>↗</span></button>
</div>
<footer><span>CSS, WITH A LITTLE CURIOSITY</span><span>01 / ∞</span></footer>
</main>
</body>
</html>