edited readme

styles/style.css

@@ -6,7 +6,7 @@ html {
 	font-size: var(--base_font_size);
 }
 body, main {
-	overflow-x: hidden;
+	overflow-x: clip;
 	margin: auto;
 	width: fit-content;
 	background-color: #f6f6f6;
@@ -18,3 +18,15 @@ pre {
 	margin: 10px 0px;
 }
 
+/* https://css-tricks.com/slow-movement/#h-you-can-implement-native-smooth-scrolling-in-css */
+/* Animate scrolling only if users don’t prefer reduced motion */
+@media (prefers-reduced-motion: no-preference) {
+	html {
+		scroll-behavior: smooth;
+	}
+
+	/* Add some spacing between the target and the top of the viewport */
+	:target {
+		scroll-margin-top: 0px;
+	}
+}