Footnotes

crates/service/service-webpage/css/text.scss

@@ -43,33 +43,42 @@ a:hover {
 	transition: 150ms;
 }
 
-
 footer {
 	font-size: 1.4rem;
 	clear: both;
 	opacity: 0.5;
 }
 
-
 footer {
 	text-align: left
 }
 
-
-
-.footnote-definition {
-	margin: 0 0 0 2rem;
-}
-
-.footnote-definition-label {
-	color: var(--metaColor);
-}
-
-.footnote-definition p {
+.footnote-item p {
 	display: inline;
 	padding: 0 0 0 1rem;
 }
 
+hr.footnotes-sep {
+	margin: 5rem 0 0 0;
+}
+
+.footnote-ref > a {
+	padding: 0 2pt 0.8rem 2pt !important;
+}
+
+a.footnote-backref, .footnote-ref > a
+{
+	color: var(--metaColor);
+	padding: 0 2pt 0 2pt;
+}
+
+a.footnote-backref:hover,
+.footnote-ref > a:hover
+{
+	color: var(--bgColor);
+	background-color: var(--metaColor);
+}
+
 .footContainer {
 	display: flex;
 	flex-wrap: wrap;