did some sizing and margin adjustments--added bg to footnotes of single post pages

themes/sukaato/assets/css/base/_site.sass

@@ -109,9 +109,13 @@ body
                 & > p
                     color: c.$fg
                     font-family: postContent
-                    font-size: clamp(10pt,1.4vw, 18pt)
+                    font-size: clamp(11pt,1.2vw, 16pt)
                     margin: 2% 0
 
+                    &::after
+                        content: " [  . . .  ]"
+                        color: c.$accent
+                
                 & > h2
                     // color: c.$state
                     font-size: clamp(14pt, 2.5vw, 20pt)
@@ -146,14 +150,14 @@ body
     & #content
         margin: 0 10%
         font-family: postContent
-        font-size: clamp(12pt, 1.8vw, 18pt)
+        font-size: clamp(12pt, 1.1vw, 16pt)
 
         & img
             filter: saturate(0) contrast(1.75)
 
         & > img, & > p > img
             margin: 2% auto
-            max-width: 75%
+            max-width: 50%
             height: auto
             display: block
             border-top: 12px
@@ -206,9 +210,36 @@ body
                     font-size: clamp(9pt, 1.5vw, 14pt)
                     text-align: justify
 
+        & .footnotes
+            font-size: clamp(9pt, 1vw, 12pt)
+            max-height: 33vh
+            overflow-y: scroll
+            background: no-repeat url("images/snek.svg") 33% center c.$fg
+            border-bottom-left-radius: 5%
+            border-bottom-right-radius: 5%
+            margin-top: 10%
+
+            & ol
+                padding-left: 5%
+
+            & li
+                padding: 0 5%
+                margin: 5% 5% 5% 0
+                border-radius: 3%
+                background-color: c.$state
+                color: c.$bg
+                text-shadow: 0 0 4px c.$bg
+                opacity: 85%
+
+                &::marker
+                    color: c.$accent
+
+        & h1, & h2, & h3, & h4, & h6
+            color: c.$state
+
     & h1:first-child
         text-align: center
-        font-size: clamp(16pt, 24pt, 32pt)
+        font-size: clamp(24pt, 2vw, 72pt)
         color: c.$accent
         font-weight: bold
 
@@ -266,7 +297,7 @@ body
             overflow-y: scroll
 
     & > img
-        max-width: 100%
+        width: 100%
         filter: saturate(0) contrast(1.75)
 
 #categories.expo
@@ -295,6 +326,7 @@ body
             display: initial
             text-shadow: 2px 2px 5px c.$bg
             font-family: pageFont
+            backdrop-filter: blur(3px)
 
 .page.tag
     & > h1
@@ -346,6 +378,11 @@ body
     // & .tag.content
     //     visibility: collapse
 
+#home
+    & img
+        max-width: 100%
+        margin: 0 auto
+
 footer
     border-top: 1px solid c.$state
     margin-top: 1rem