fix: make <sup> in footnotes look like <p>

DESCRIPTION
    Zola renders the footnotes as <sup>, so it looks weird on the
    website This snippet makes this particular <sup> look like normal
    text.

sass/main.scss

@@ -465,3 +465,25 @@ ul.language-select > li {
 		display: none;
 	}
 }
+
+.footnote-definition-label::before {
+	content: "[";
+}
+
+.footnote-definition-label::after {
+	content: "] :";
+}
+
+.footnote-definition-label {
+	// zola renders the footnotes as <sup>,
+	// so it looks weird on the website
+	// This snippet makes this particular <sup> look like normal text
+	top: 4px;
+	position: relative;
+	font-size: 18px;
+}
+
+.footnote-definition-label,
+.footnote-definition > p {
+	display: inline;
+}