moved some CSS properties to variables

src/routes/+layout.svelte

@@ -96,6 +96,7 @@
 
     :global {
         :root {
+            /* colours */
             --color-text: #d0d0d0;
             --color-text-secondary: #b0b0b0;
             --color-text-img: invert(98%) sepia(1%) saturate(4643%) hue-rotate(297deg) brightness(115%) contrast(76%);
@@ -113,15 +114,20 @@
             
             --color-waters: #242424;
 
-            --notch-size: 32px;
-            --notch-size-small: 16px;
-
             --color-link-unvisited: #c2e8ff;
             --color-link-visited: #ffd7f0;
             --color-link-hovered: #ffdad5;
 
+            /* blurs */
             --blur-radius-background: 6px;
 
+            /* borders */
+            --border-dash-sizing: 2px;
+            
+            /* durations */
+            --duration-animation: 0.1s;
+            --duration-blur: 0.2s;
+
             /* fonts */
             --font-line-height: 1.6rem;
 
@@ -147,6 +153,10 @@
             --screen-width-mobile: 800px;
 
             --margin-content-side: 24px;
+
+            /* misc */
+            --notch-size: 32px;
+            --notch-size-small: 16px;
         }
 
         html {
@@ -254,7 +264,7 @@
             width: 100%;
             height: 1px;
             border: none;
-            border-top: 2px dashed var(--color-highlight);
+            border-top: var(--border-dash-size) dashed var(--color-highlight);
             margin: 8px 0;
         }
 

src/routes/+page.svelte

@@ -105,14 +105,15 @@
 
     .changelog-container {
         padding: 8px 24px;
-        border: 2px var(--color-highlight) dashed;
+        border: var(--border-dash-size) var(--color-highlight) dashed;
+        backdrop-filter: blur(var(--blur-radius-background));
     }
 
     .changelog-header-link {
         text-decoration: none;
     }
     .changelog-header-link:hover {
-        text-decoration: underline dashed 2px var(--color-highlight);
+        text-decoration: underline dashed var(--border-dash-size) var(--color-highlight);
     }
     
     .changelog-header {