style.css

@@ -0,0 +1,46 @@
+: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 */

www/style.css

@@ -1,110 +0,0 @@
-/* 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 */