move background to body, change var name

scss/_palette.scss

@@ -1,6 +1,6 @@
 // colours used thoughout site
 :root {
-    --col-bg-canvas: #2c2830;
+    --col-bg: #2c2830;
     --col-particle: #ebe7c5;
     --col-particle-stroke: #692e50;
     --col-particle-stroke-hover: #9aa68b;

scss/index.scss

@@ -8,6 +8,7 @@ import partials
 
 body {
     color: var(--col-text);
+    background-color: var(--col-bg);
 }
 
 h1 {
@@ -32,6 +33,5 @@ p {
     left: 0;
     width: 100%;
     height: 100%;
-    background: var(--col-bg-canvas);
     z-index: -999;
 }