index.html

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>bae</title>
<meta name="viewport" content="width=device-width">
<meta name="color-scheme" content="dark light">
<meta name="theme-color" content="#bae">
<meta name="description" content="dear bae mural safer space">
<meta name="creator" content="*">
<link rel="stylesheet" href="bae.css">
<link rel="icon" href="bae.svg">
<link rel href="https://s9a.page/bae">
<link rel href="https://webmural.com">

<!--
welcome2
the bae
-->

<style>
  :focus {
    text-decoration-style: wavy;
    outline-style: groove;
    outline-width: thick;
  }

  :hover {
    text-decoration-style: double;
  }

  :root {
    font: max(4vw, 20pt) monospace;
  }

  .stage {
    padding: 1em;
  }
</style>

<main class="stage">
  <h1>
    dear <a href>bae</a>
  </h1>
  <div contenteditable>
    heyyyyyyyyº
  </div>
</main>