Remove example code

app/globals.css

@@ -10,11 +10,8 @@
 	}
 }
 
-html,
-body {
-}
-
 body {
+	padding-inline: 1rem;
 	color: var(--foreground);
 	background: var(--background);
 	font-family: Arial, Helvetica, sans-serif;
@@ -32,9 +29,8 @@ ul, ol {
 	padding-inline-start: 1.5rem;
 }
 
-a {
-	color: inherit;
-	text-decoration: none;
+h1, h2, h3, h4 {
+	margin-block: 0.75em 0.25em;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -42,3 +38,17 @@ a {
 		color-scheme: dark;
 	}
 }
+
+a {
+	text-decoration: none;
+}
+
+/* Enable hover only on non-touch devices */
+@media (hover: hover) and (pointer: fine) {
+	a:hover {
+		color: color-mix(in oklab, var(--foreground), blue 50%);
+		text-decoration: underline;
+		text-underline-offset: 2px;
+		border-color: transparent;
+	}
+}