added wavy effects to links as well as headers; added blurs to code blocks and more elements with background; changed table of contents style

src/routes/+layout.svelte

@@ -123,6 +123,7 @@
 
             /* borders */
             --border-dash-size: 2px;
+            --underline-dash-size: 1px;
             
             /* durations */
             --duration-animation: 0.1s;
@@ -274,6 +275,7 @@
             line-height: var(--font-line-height);
             font-weight: 500;
             background-color: var(--color-background-highlight);
+            backdrop-filter: blur(var(--blur-radius-background));
             /* color: var(--color-background); */
             border-radius: 8px;
             padding-left: 6px;
@@ -313,6 +315,7 @@
         a:link {
             color: var(--color-link-unvisited);
             text-decoration-style: dashed;
+            text-decoration-thickness: var(--underline-dash-size);
         }
         /* visited link */
         a:visited {
@@ -321,7 +324,7 @@
         /* mouse over link */
         a:hover {
             color: var(--color-link-hovered);
-            text-decoration-thickness: 1px;
+            text-decoration-style: wavy;
         }
 
         .notched {