X-Git-Url: https://fortfriendship.online/gitweb/gnargle.github.io.git/blobdiff_plain/a70db5a2664f6050ef7a4a339545ff798dbb68ef..5e71bce32661b60b4cd1943690c260d465edcf01:/main.css

diff --git a/main.css b/main.css
index 4588fa0..4570d06 100644
--- a/main.css
+++ b/main.css
@@ -96,6 +96,10 @@ body {
     padding-right: 5px;
 }
 
+.footnote {
+    font-size: 11px;
+}
+
 .header {
     max-width: 1000px;
     margin: 0 auto;
@@ -156,6 +160,34 @@ p {
     padding-bottom: 5px;
 }
 
+/* Tooltip container */
+.tooltip {
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black;
+    /* If you want dots under the hoverable text */
+}
+
+/* Tooltip text */
+.tooltip .tooltiptext {
+    visibility: hidden;
+    background-color: #ffa2b5;
+    color: black;
+    text-align: center;
+    padding: 5px 0;
+    border-radius: 6px;
+
+    /* Position the tooltip text - see examples below! */
+    position: absolute;
+    bottom: 100%;
+    z-index: 1;
+}
+
+/* Show the tooltip text when you mouse over the tooltip container */
+.tooltip:hover .tooltiptext {
+    visibility: visible;
+}
+
 ul {
     margin-top: 10px;
     margin-left: 25px;