diff --git a/style.css b/style.css
deleted file mode 100644
index b3e11fc..0000000
--- a/style.css
+++ /dev/null
@@ -1,46 +0,0 @@
-:root {
-  /* auto light/dark based on user choice */
-  color-scheme: light dark;
-  --text: light-dark(#000000, #FFFFFF);
-  --bg: light-dark(#FFFFFF, #000000);
-}
-
-
-/* https://smolweb.org/subset.html */
-/* structural */
-html {
-  /* respect user font choices */
-  font-size: 100%;
-}
-
-
-/* semantic */
-header strong {
-  font-size: 1.6rem;
-}
-
-footer {
-  font-size: 0.9rem;
-}
-
-
-/* textual */
-h1 {
-  font-size: 2rem;
-}
-
-h2 {
-  font-size: 1.6rem;
-}
-
-h3 {
-  font-size: 1.2rem;
-}
-
-/* hypertextual */
-/* listing */
-/* forms */
-/* basic table */
-/* image */
-/* presentation */
-/* metainformation and linking */
diff --git a/index.html b/www/index.html
similarity index 100%
rename from index.html
rename to www/index.html
diff --git a/robots.txt b/www/robots.txt
similarity index 100%
rename from robots.txt
rename to www/robots.txt
diff --git a/www/style.css b/www/style.css
new file mode 100644
index 0000000..f1eb37b
--- /dev/null
+++ b/www/style.css
@@ -0,0 +1,110 @@
+/* https://www.joshwcomeau.com/css/custom-css-reset/ */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/* * { */
+/*   margin: 0; */
+/* } */
+
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    interpolate-size: allow-keywords;
+  }
+}
+
+body {
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  max-width: 100%;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+  hyphens: auto;
+}
+
+p {
+  text-wrap: pretty;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+}
+
+
+/* our stuff */
+:root {
+  /* auto light/dark based on user choice */
+  color-scheme: light dark;
+  --text: light-dark(#000000, #FFFFFF);
+  --bg: light-dark(#FFFFFF, #000000);
+}
+
+
+/* https://smolweb.org/subset.html */
+/* structural */
+html {
+  /* respect user font choices */
+  font-size: 100%;
+}
+
+
+/* semantic */
+header strong {
+  font-size: 1.6rem;
+}
+
+footer {
+  font-size: 0.9rem;
+}
+
+
+/* textual */
+h1 {
+  font-size: 2rem;
+}
+
+h2 {
+  font-size: 1.6rem;
+}
+
+h3 {
+  font-size: 1.2rem;
+}
+
+/* hypertextual */
+/* listing */
+/* forms */
+/* basic table */
+/* image */
+/* presentation */
+/* metainformation and linking */