diff --git a/src/css/custom.scss b/src/css/custom.scss
index 90398f66..6c16da10 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -3,3 +3,4 @@
 @import "./fonts";
 @import "./docusaurus";
 @import "./buttons";
+@import "./hr";
\ No newline at end of file
diff --git a/src/css/docusaurus.scss b/src/css/docusaurus.scss
index e81db19a..6129a3e3 100644
--- a/src/css/docusaurus.scss
+++ b/src/css/docusaurus.scss
@@ -64,3 +64,13 @@ a.card {
     }
   }
 }
+
+.markdown > pre, .markdown > ul, .markdown > p {
+  &:has(+ hr) {
+    margin-bottom: 0 !important;
+  }
+
+  & + hr {
+    margin-top: 0;
+  }
+}
diff --git a/src/css/hr.scss b/src/css/hr.scss
new file mode 100644
index 00000000..d9193197
--- /dev/null
+++ b/src/css/hr.scss
@@ -0,0 +1,23 @@
+hr {
+  height: 3em;
+  margin: var(--ifm-hr-margin-vertical) auto;
+  overflow: visible;
+  position: relative;
+  display: block;
+  border: none;
+  outline: none;
+  background-color: unset;
+
+  &:before {
+    content: "\23FA\23FA\23FA";
+    display: inline-block;
+    color: var(--ifm-hr-background-color);
+    position: absolute;
+    top: 75%;
+    left: 50%;
+    transform: translate(0, -50%);
+    margin-left: 0.6em;
+    letter-spacing: 0.6em;
+    font-size: 0.8rem;
+  }
+}