index.html

<!DOCTYPE html>
<html lang="en-US" style="font-size:max(22px, 2vw)">
<meta charset="utf-8">
<title>about s9a</title>
<meta name="viewport" content="width=device-width">
<meta name="theme-color" content="#bed">
<meta name="description" content="reflective superflowers">

<style media=(color)>
  html { background: #528; color: #bed }
  :any-link { color: #bed }
</style>
  
<link rel="home" href="https://s9a.page">
<link rel="icon" href="icon.svg">
<link rel="license" href="UNLICENSE.txt">
  
<body style="margin:2em">

<header>
  <h1><a href="https://s9a.page"><dfn>s9a</dfn></a> = synesthesia</h1>
</header>

<ul style="font-size:1.6em;list-style:circle">
  <li>Colorful code creators.
  <li>Inclusion influencers.
  <li>Open web believers.
  <li>Extrasensory HTML.
  <li style="list-style:disc"><a href="https://s9a.page"><b>CSS synesthesia.</b></a>
</ul>