diff --git a/website/public/main.css b/website/public/main.css
index c34ff551fb..9844c16099 100755
--- a/website/public/main.css
+++ b/website/public/main.css
@@ -338,6 +338,18 @@ nav.breadcrumbs ol > li:not(:first-child)::before {
   content: "➤ ";
 }
 
+/* make "#" selected sections stand out */
+h4:target::before {
+  content: "👉"; /*TODO(😎): localize for different layout directions (e.g. rtl)*/
+}
+h4:target {
+  transition-property: box-shadow, transform;
+  transition-duration: 333ms;
+  transition-timing-function: ease;
+  box-shadow: 0 0.8rem 1.0rem 0.1rem rgba(0, 0, 0, 0.2);
+  transform: translateY(-0.4rem);
+}
+
 /* HACK(strager): The '>' symbol pushes some breadcrumbs down for some reason.
    This causes vertical misalignment between breadcrumbs. Fix this by tweaking
    line-height. I don't know why this works. */